*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,input , center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
padding: 0;
border: 0; margin: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
outline: none;
transition: .2s all;
}
a{
text-decoration: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
p{
margin-bottom: 0px !important;
}
body {
line-height: 1;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
button:active, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0;
}
select:hover{
cursor: pointer;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.program-bt_img{
cursor: pointer;
}
.wrapper {
max-width: 1410px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
body {
background: #FCFCFD ;
}
.classSale{
color: #ee2222 !important;
}
.displayNone{
display: none !important;
}
.displayBlock{
display: block !important;
}
/*HEADER*/
.cart-count{
width: 35px;
height: 25px;
border-radius: 50%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background-color: #63bdba;
margin-right: 10px;
font-weight: 600;
font-size: 14px;
}
.modal-body{
padding-bottom: 0px !important;
}
.header{
position: relative;
}
.header-top{
height: 80px;
padding: 15px 0;
background: #fff;
padding-left: 132px;
color: #333;
}
.header-bottom{
height: 45px;
background: #F6F6F6;
padding-left: 132px;
box-shadow: 0 0 10px #ccc;
}
.header-logo{
position: absolute;
left: -120px;
}
.custom-file-label::after{
content: 'Загрузить' !important;
}
.class-point_event{
pointer-events: none;
background: #9d9d9d !important;
}
.header-top-content{
display: flex;
align-items: center;
justify-content: space-between;
}
.header-title{
width: 120px;
padding-right: 35px;
font-size: 12px;
font-weight: 300;
color: #434C54;
border-right: 1px solid #707070;
}
.header-dates{
height: 50px;
}
.modal-response-text{
text-align: center;
font-size: 24px;
padding-bottom: 30px;
font-weight: 500;
}
.header-dates-title{
font-size: 15px;
font-weight: 700;
color: #434C54;
margin-bottom: 5px !important;
}
.header-days-blocks{
display: flex;
align-items: center;
font-weight: 500;
}
.header-day{
width: 25px;
height: 15px;
text-align: center;
color: #fff;
background: #707070;
font-size: 10px;
border-radius: 4px;
margin-right: 5px;
}
.header-location-link{
font-size: 15px;
color: #707070;
}
.header-location-link svg{
margin-right: 3px;
}
.header-location-link select{
background: transparent;
color: #6EB7B4;
line-height: 30px;
padding-bottom: 2px;
border-bottom: 1px dashed #6EB7B4 ;
font-weight: 700;
}
.header-location-link select option{
background: transparent;
color: #333;
}
.header-location-link a {
color: #6EB7B4;
border-bottom: 1px dashed #6EB7B4 ;
}
.header-location-link a:hover {
color: #6EB7B4;
text-decoration: none;
}
.header-number{
display: flex;
}
.phone-wrapper{
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #afafaf;
margin-right: 10px;
}
.header-number select {
background: transparent;
font-size: 15px;
color: #6EB7B4;
padding-bottom: 2px;
font-weight: 700;
letter-spacing: -0.5px;
}
.header-number p{
display: table;
font-size: 14px;
border-bottom: 1px dashed #6EB7B4 ;
}
.header-btn{
background: #7FD4D1;
padding: 15px 25px;
font-size: 14px;
color: #fff;
font-weight: 700;
border-radius: 4px;
}
.header-btn:hover{
color: #f1e5e5;
text-decoration: none;
}
.header-bottom-content{
height: 45px;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-nav{
margin-right: 60px;
height: 30px;
}
.header-nav-list{
display: flex;
list-style: none;
}
.header-link{
font-size: 14px;
font-weight: 700;
margin-right: 20px;
color: #333;
}
.header-link:hover {
color: #6EB7B4;
text-decoration: none;
opacity: .7;
}
.cart-icon i{
margin-right: 27px;
color: #63bdba;
font-size: 17px;
}
.header-search{
position: relative;
}
.header-search-results{
position: absolute;
background: #f6f6f6;
width: 400px;
display: none;
min-height: 30px;
max-height: 165px;
overflow-y: scroll;
padding: 10px;
box-shadow: 0 0 10px #bbb;
top: 48px;
border-radius: 4px;
z-index: 100;
transition: .1s linaer;
}
.header-search-result{
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
}
.header-search-result p {
pointer-events: none;
font-size: 17px;
font-weight: 700;
}
.header-search-result span{
pointer-events: none;
color: #333;
}
.header-search-result:hover{
text-decoration: none;
color: #1b6d85;
}
.header-search input{
height: 34px;
width: 247px;
background: #EFEFEF;
padding: 0 35px 0 10px;
border-radius: 5px;
color: #fff;
}
.header-search svg{
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.sleep-mode{
position: relative;
width: 27px;
height: 10px;
background: #6EB7B4 ;
border-radius: 5px;
margin-right: 25px;
}
.sleep-mode-img{
width: 19px;
height: 19px;
position: absolute;
top: -5px;
left: -4px;
background: #333333;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.sleep-mode-img img{
pointer-events: none;
}
.sleep-mode-active {
left: 12px;
}
.language {
height: 30px;
}
.language select {
background: transparent;
color: #707070;
padding-bottom: 2px;
border-bottom: 1px dashed #6EB7B4 ;
}
/*HEADER END */
/*MAIN INFO START*/
.popap-img{
width: 460px;
height: auto;
}
.popap-img_block{
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0;
}
.main-info{
padding: 75px 0 90px;
background:#F6F6F9 url("../img/site-bg/bg-white.png");
}
.bg-img1{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.bg-img2 {
position: absolute;
width: 160px;
left: 270px;
top: 0;
}
.delivery-info{
position: relative;
width: 840px;
padding: 60px;
background: linear-gradient(#fff , #EFEFEF);
background-size: cover;
border-radius: 10px;
}
.main-info-content{
display: flex;
justify-content: space-between;
}
.delivery-info-title{
width: 470px;
font-size: 44px;
font-weight: 800;
color: #434C54;
line-height: 54px;
margin-bottom: 30px;
}
.delivery-info-title span{
color: #6EB7B4;
}
.delivery-info-subtitle{
font-size: 18px;
color: #808080;
padding-bottom: 30px;
}
.checkbox-catering-block input{
margin-right: 15px;
}
.order-program{
padding: 15px;
background: #7FD4D1;
color: #fff;
font-size: 14px;
border-radius: 5px;
font-weight: 700;
margin-bottom: 60px;
}
.order-program:hover{
text-decoration: none;
}
.order-program svg{
margin-right: 20px;
}
.portfolio{
display: flex;
}
.portfolio-img{
margin-right: 30px;
}
.portfolio-name{
font-size: 18px;
font-weight: 800;
margin-bottom: 15px;
color: #808080;
}
.portfolio-description{
width: 228px;
font-size: 12px;
color: #AEAEAE;
padding-bottom: 15px;
}
.portfolio-link{
font-size: 14px;
color: #808080;
}
.portfolio-link a{
color: #50D347;
font-weight: 800;
text-decoration: underline;
}
.portfolio-link a:hover{
color: #50D347 ;
}
.main-info-block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
}
.main-info-block-item{
width: 467px;
height: 225px;
border-radius: 10px;
padding: 25px 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #555;
}
.test-question {
padding: 15px 0 20px;
font-weight: 500;
text-align: center;
}
.test-result{
font-size: 20px;
text-align: center;
margin-top: 30px;
}
.test-form input{
display: block;
width: 400px;
height: 45px;
padding: 0 15px;
border: 1px solid #ccc;
border-radius: 4px;
margin: 30px auto 0;
}
.test-form label{
font-size: 14px;
color: #555;
text-align: left;
margin-top: 20px;
}
.test-form button{
display: block;
width: 320px;
height: 40px;
border-radius: 4px;
color: #fff;
background: #7FD4D1;
margin: 30px auto 0;
}
.test-name{
text-align: center;
margin-bottom: 20px;
}
.test-btn-active{
background: #3c6261 !important;
color: #fff !important;
}
.test-answer{
display: block;
min-width: 280px;
height: 45px;
border-radius: 5px;
color: #434C54;
box-shadow: rgb(204 204 204) 0px 0px 5px;
background: #fff;
margin: 20px 0;
}
.restart-test{
display: block;
width: 320px;
height: 40px;
border-radius: 4px;
color: #fff;
background: #7FD4D1;
margin: 30px auto;
}
.test-answer-wrapper{
display: flex;
justify-content: space-around;
}
.send-answer{
width: 280px;
display: block;
margin: 20px auto 0;
height: 45px;
color: #fff;
background: #7FD4D1;
font-size: 18px;
border-radius: 5px;
}
.main-info-block-item1{
background: #F7EDE4 url("../img/header/test-img.png") no-repeat center;
background-size: cover;
}
.main-info-block-item2{
background: url("../img/header/lanch.png") no-repeat center;
background-size: cover;
}
.main-info-block-item-title{
font-size: 18px;
}
.main-info-block-item-subtitle{
font-size: 14px;
line-height: 18px;
}
.main-info-block-item-button{
padding: 10px 15px;
font-size: 14px;
width: 130px;
font-weight: 700;
text-align: center;
background: #7FD4D1;
border-radius: 5px;
color: #fff;
}
.main-info-block-item-button:hover{
text-decoration: none;
color: #fff;
}
.block-fn{
display: flex; justify-content: space-around;width: 100%;
}
.swiper-product-thumbs{
align-items: center;
}
.about{
padding-top: 72px;
}
.about-title{
font-size: 18px;
font-weight: 800;
color: #6EB7B4;
padding-bottom: 35px;
}
.about-blocks{
display: flex;
justify-content: space-between;
}
.about-block{
display: flex;
}
.about-img{
margin-right: 15px;
}
.about-body{
width: 165px;
}
.about-body-title{
font-size: 14px;
font-weight: 600;
color: #434C54;
padding-bottom: 10px;
}
.about-body-text{
font-size: 12px;
color: #434C54;
}
/*MAIN INFP END */
/*RETAIL START*/
.retail{
height: 1000px;
padding-top: 40px;
}
.retail-block{
max-height: 450px;
margin-bottom: 40px;
overflow: hidden;
}
.retail-btns{
transform: translateY(-63px);
}
.retail-btn{
width: 200px;
height: 45px;
background: #fff;
color: #434C54;
font-size: 14px;
box-shadow: 0 0 5px #ccc;
font-weight: 700;
margin-right: 30px;
border-radius: 5px;
}
.retail-btn-active{
background: #6eb7b4 !important;
color: #fff !important;
}
.retail-block-wrapper{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 35px !important;
}
.swiper-retail-btns .swiper-button-prev{
width: auto !important;
left: 0 !important;
}
.swiper-button-next.swiper-button-disabled{
pointer-events: auto !important;
}
.swiper-retail-btns .swiper-button-next{
width: auto !important;
right: 0 !important;
}
.swiper-retail-btns .swiper-button-prev::after , .swiper-retail-btns .swiper-button-next::after{
font-size: 16px !important;
color: #6EB7B4;
font-weight: 900;
}
.program-order-btn a{
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: 100%;
height: 100%;
}
.program-order-btn a:hover{
color: #fff;
}
.swiper-container_proframs{
position: relative !important;
height: 52px;
width: 90%;
}
.swiper-container_proframs .swiper-slide{
text-align: center;
}
.swiper-retail-btns{
position: absolute;
width: 45px !important;
height: 16px;
display: flex;
justify-content: space-between;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.show-all-link:hover{
text-decoration: none;
}
.hashtag-active{
background: #ccc;
color: #333333 !important;
}
.retail-block-wrapper .show-all{
margin-right: 70px;
font-size: 14px;
font-weight: 700;
color: #6EB7B4;
}
.retail-block-wrapper .show-all span{
border-bottom: 1px solid #6EB7B4;
margin-right: 15px;
cursor: pointer;
}
.retail-block-title{
font-size: 24px;
font-weight: 800;
color: #434C54;
}
.product{
width: 250px;
border-radius: 5px;
overflow: hidden;
border: 1px solid rgb(236, 233, 233)
}
.product-img{
position: relative;
width: 248px;
height: 248px;
overflow: hidden;
}
.product-img .wishes-btn {
position: absolute;
left: 25px;
top: 25px;
cursor: pointer;
}
.product-img img{
width: 100%;
height: 100%;
}
.wishes-clear{
color: #5a6269;
font-size: 26px;
}
.delete-button svg{
pointer-events: none;
}
.delete-wishes_btn{
position: absolute;
left: 25px;
top: 25px;
cursor: pointer;
}
.product-content{
background: #fff;
padding: 25px;
color: #434C54;
position: relative;
height: 132px;
}
.product-title{
display: block;
font-size: 14px;
font-weight: 700;
color: #434C54;
margin-top: 7px;
margin-bottom: 15px !important;
}
.product-title:hover{
color: #333;
text-decoration: none;
}
.product-category{
position: absolute;
bottom: 25px;
left: 25px;
font-size:12px;
}
.product-content div{
display: flex;
align-items: center;
justify-content: space-between;
}
.product-price{
font-size: 14px;
font-weight: 700;
color: #6EB7B4;
position: absolute;
bottom: 25px;
right: 25px;
}
.cart-btn{
position: absolute;
top: -25px;
right: 25px;
width: 50px;
height: 50px;
background: #fff;
box-shadow: 0 0 10px #888;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
}
.cart-btn i {
pointer-events: none;
}
.cart-dl{
cursor: pointer;
}
.cart-dl i{
pointer-events: none;
font-size: 30px;
color: #5a6268;
}
.cart-dl svg{
pointer-events: none;
}
.search-product{
position: relative;
width: 250px;
height: 250px;
border-radius: 5px;
overflow: hidden;
}
.category-items{
display: flex;
flex-wrap: wrap;
}
.search-product-overflow{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient( rgba(0 , 0 , 0 , .1) , rgba(0 , 0, 0, .8));
z-index: 2;
}
.category-items .search-product{
margin-bottom: 20px;
margin-right: 20px;
cursor: pointer;
}
.search-product img{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.search-number{
position: absolute;
right: 15px;
top: 15px;
width: 47px;
height: 47px;
box-shadow: 0 0 5px #ccc;
border-radius: 50%;
background: #fff;
font-size: 14px;
font-weight: 700;
line-height: 47px;
text-align: center;
color: #434C54;
opacity: .83;
z-index: 3;
}
.search-category{
position: absolute;
left: 25px;
bottom: 25px;
font-weight: 500;
z-index: 4;
}
.search-category{
color: #fff;
}
.search-category a {
position: relative;
z-index: 3;
color: #fff;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.search-category a:hover{
color: #fff;
}
.search-price{
position: absolute;
left: 25px;
bottom: 25px;
color: #fff;
font-size: 12px;
font-weight: 700;
z-index: 3;
}
.search-price{
font-size: 14px;
}
.view-comment{
display: block;
font-size: 22px;
color: #5a6268;
cursor: pointer;
margin-left: 30px;
}
.comment-response{
padding: 20px;
font-size: 18px;
font-weight: 500;
color: #434343;
}
.td-view_comment{
align-items: center;
display: flex;
}
/*RETAIL END */
/*PROGRAM START*/
.program{
padding-top: 40px;
padding-bottom: 40px;
background: #F6F6F9 url("../img/site-bg/bg-white.png");
}
.program-title{
font-size: 24px;
font-weight: 800;
color: #434C54;
padding-bottom: 35px;
}
.programs{
display: flex;
max-width: 100%;
width: 100%;
overflow: auto;
}
/*.programs-nav{*/
/* display: flex;*/
/*}*/
.program-nav-item{
background: #FCFCFC;
width: 172px;
height: 146px;
border-radius: 10px 10px 0 0;
padding: 15px 8px;
border-bottom: 2px solid #50D347;
-webkit-box-shadow: 6px 6px 10px 0px rgb(0 0 0 / 80%);
box-shadow: 6px 6px 10px 0px rgb(0 0 0 / 80%);
}
.program-nav-img{
margin: 0 auto;
width: 32px;
pointer-events: none;
}
.program-name{
color: #848484;
font-size: 14px;
font-weight: 700;
margin: 10px auto !important;
text-align: center;
pointer-events: none;
}
.program-price{
font-size: 10px;
font-weight: 900;
color: #848484;
text-align: center;
pointer-events: none;
}
.program-info-blocks{
display: flex;
}
.program-info-block{
width: 460px;
height: 615px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px;
background: #fff;
}
.program-info-block1 {
background: #fff;
}
.program-info-block2{
background: #FAFAFA;
}
.program-info{
margin-bottom: 3px;
}
.program-info tr{
background: #FDFDFD;
color: #000;
}
.program-info-block3{
background: #F3F3F3;
}
.program-suptitle{
font-size: 14px;
font-weight: 600;
color: #848484;
padding-bottom: 10px;
}
.program-info-title{
font-size: 18px;
color: #434C54;
font-weight: 700;
}
.program-info-text{
font-size: 14px;
color: #949494;
}
.program-blocks-title{
font-size: 14px;
color: #434C54;
font-weight: 700;
}
.program-calc-content{
display: flex;
justify-content: space-between;
}
.program-calc-content p {
font-size: 14px;
color: #434C54;
padding: 10px 0;
}
/*.program-gender-btn{*/
/* width: 48px;*/
/* height: 48px;*/
/* border-radius: 5px;*/
/* margin-right: 10px;*/
/* background: rgb(255, 255, 255);*/
/* color: rgb(67, 76, 84);*/
/* border: 1px solid rgb(204, 204, 204);*/
/*}*/
.form_radio_btn input[type=radio] ,.form-radio_btn__second input[type=radio] ,.form-radio_btn__third input[type=radio] ,.form_radio_btn-order input[type=radio] ,.program-price-btn,.food-choice-btn_input{
display: none;
}
.form_radio_btn label {
width: 48px;
height: 48px;
border-radius: 5px;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
background: rgb(255, 255, 255);
color: rgb(67, 76, 84);
border: 1px solid rgb(204, 204, 204);
}
.form_radio_btn-order label{
padding: 20px 25px;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
cursor: pointer;
border-radius: 5px;
color: #3e3e3e;
}
.form_radio_btn-order label i{
font-size: 20px;
}
.form-radio_btn__third label{
width: 123px;
height: 48px;
border-radius: 5px;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
background: rgb(255, 255, 255);
color: rgb(67, 76, 84);
border: 1px solid rgb(204, 204, 204);
}
.form-radio_btn__second label{
width: 148px;
height: 48px;
border-radius: 5px;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
background: rgb(255, 255, 255);
color: rgb(67, 76, 84);
border: 1px solid rgb(204, 204, 204);
}
.bnt-block_radio{
display: flex;
}
/* Checked */
.form_radio_btn input[type=radio]:checked + label {
background:#7FD4D1 !important;
color: #fff !important;
border: 0 !important;
}
.program-price-btn:checked + label{
background:#7FD4D1 !important;
color: #fff !important;
border: 0 !important;
}
.food-choice-btn_input:checked + label{
background:#7FD4D1 !important;
color: #fff !important;
border: 0 !important;
}
.form_radio_btn-order input[type=radio]:checked + label {
background:#7FD4D1 !important;
color: #fff !important;
border: 0 !important;
}
.form-radio_btn__second input[type=radio]:checked + label{
background:#7FD4D1 !important;
color: #fff !important;
border: 0 !important;
}
.form-radio_btn__third input[type=radio]:checked + label{
background:#7FD4D1 !important;
color: #fff !important;
border: 0 !important;
}
/* Hover */
.form_radio_btn label:hover {
color: #666;
}
/* Disabled */
.form_radio_btn input[type=radio]:disabled + label {
background: #efefef;
color: #666;
}
.program-growth-input , .program-weight-input ,.program-yo-input{
width: 74px;
height: 48px;
border-radius: 5px;
background: #fff;
text-align: center;
}
.program-btns-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.program-blocks-subtitle{
font-size: 12px;
color: #434C54;
}
.your-target-btns{
display: flex;
justify-content: space-between;
}
.your-target-btn{
width: 32%;
height: 48px;
border-radius: 5px;
background: #fff;
line-height: 48px;
text-align: center;
margin-bottom: 10px;
cursor: pointer;
}
.food-choice-btn{
color: #434343;
height: 100%;
width: 180px;
padding: 15px 20px;
border-radius: 5px;
background: #fff;
margin-bottom: 10px;
cursor: pointer;
}
.food-choice-img i{
font-size: 40px;
}
.food-choice-img{
margin-bottom: 10px;
}
.food-choice-text{
font-size: 12px;
}
.days-suptitle{
font-size: 16px;
color: #434C54;
}
.days-subtitle{
font-size: 14px;
color: #949494;
}
.program-order-title-wrapper{
display: flex;
justify-content: space-between;
align-items: center;
}
.count-of-days{
font-size: 16px;
color: #434C54;
}
.program-order-price{
font-size: 24px;
font-weight: 700;
color: #434C54;
}
.program-size-info-card{
width: 32%;
padding: 10px;
text-align: center;
background: #EFEFEF;
border-radius: 5px;
}
.program-size-title{
font-size: 12px;
font-weight: 600;
color: #434C54;
}
.program-size-description{
font-size: 16px;
font-weight: 600;
color: #434C54;
}
.program-order-btn{
width: 100%;
height: 62px;
margin-top: 15px;
border: 0;
background:#7FD4D1;
font-size: 14px;
font-weight: 700;
color: #fff;
border-radius: 5px;
}
.program-date-wrapper{
width: 100%;
display: flex;
padding: 20px;
text-align: center;
align-items: center;
justify-content: center;
font-size: 20px;
background: #FDFDFD;
margin-bottom: 20px;
}
.program-description{
padding: 20px 10px;
background: #fff;
margin: 0 0 15px;
font-size: 18px;
font-weight: 500;
text-align: center;
line-height: 2;
}
.program-info td {
text-align: center;
}
.program-info span{
font-weight: 500;
}
.program-full-info td {
text-align: center;
}
.program-full-info p {
text-align: center;
}
.program-full-info div{
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
background: #fdfdfd;
}
.program-full-price{
font-size: 50px;
color: #333;
font-weight: 700;
}
.program-full-price span{
font-size: 18px;
font-weight: 500;
color: #777;
}
.program-full-info-subtitle{
padding: 10px;
background: #FDFDFD;
}
.program-full-info tr{
background: #606060;
color: #fff;
}
.add-to-program{
margin-left: 35px;
height: 50px;
width: 180px;
background: #7fd4d1;
color: #fff;
font-weight: 500;
border-radius: 5px;
}
.program-date-prev, .program-date-next {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
color: #777;
font-size: 20px;
border: 1px solid #ccc;
cursor: pointer;
}
.program-date-next{
padding-left: 3px;
}
.program-date{
margin: 0 30px;
}
.program-btn{
width: 180px;
height: 48px;
border-radius: 5px;
background: #fff;
line-height: 48px;
text-align: center;
margin-bottom: 10px;
cursor: pointer;
}
.count-of-days_span{
margin-right: 5px;
}
.days-btn{
width: 180px;
height: 62px;
border-radius: 5px;
background: #fff;
line-height: 48px;
text-align: center;
margin-bottom: 10px;
color: #434C54;
cursor: pointer;
}
.days-btn p,.days-btn span{
pointer-events: none;
}
.days-btn p{
font-size: 16px;
font-weight: 600;
height: 18px;
}
.days-btn span{
font-size: 16px;
font-weight: 700;
display: block;
height: 18px;
}
.select-calories-btn{
color:#434C54 ;
}
.select-calories-btn span{
pointer-events: none;
font-weight: 600;
}
.btn-active{
background: linear-gradient(#3DD8C8 , #537FCA) !important;
color: #fff !important;
border: 0 !important;
}
.btn-active-calculator{
background: #7FD4D1 !important;
color: #fff !important;
border: 0 !important;
}
.nav-active{
background: #fff;
border-bottom: 5px solid #50D347;
padding: 30px 8px;
}
.bottom-program{
margin-top: 50px;
display: flex;
flex-wrap: wrap;
}
.program-bt_blocks{
width: 50%;
display: flex;
margin-bottom: 30px;
}
.program-block_bottom{
margin-top: 1px;
background: #fff;
padding: 30px 25px;
}
.program-bt_img{
margin-right: 40px;
}
.program-bt_img img{
width: 180px;
height: auto;
}
.program-bt_info{
display: flex;
flex-direction: column;
justify-content: center;
}
.program-bt_info .title{
color: #777;
font-size: 14px;
font-weight: 900;
padding-bottom: 5px;
}
.program-bt_info .subtitle{
color: #777;
font-size: 14px;
font-weight: 500;
}
/*PROGRAM END*/
/* how-works start */
.how-works{
padding: 45px 0 40px 0;
}
.work-title{
font-weight: 800;
font-size: 24px;
color:#6EB7B4 ;
}
.work-how-block{
margin-top: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.work-how-blocks{
width: 284px;
}
.how-blocks_number{
font-size: 32px;
font-weight: 800;
color: #434C54; ;
}
.how-blocks_title{
margin-top: 20px;
font-weight: 700;
color: #434C54;
font-size: 17px;
}
.how-blocks_subtitle{
margin-top: 20px;
font-size: 15px;
color: #434C54;
font-weight: 500;
}
/* program help start */
.program-help{
height: 173px;
display: flex;
padding: 0 20px;
align-items: center;
justify-content: space-between;
background-color:#6EB7B4;
margin-top: 50px;
margin-bottom: 70px;
}
.program-help-title{
max-width: 392px;
font-size: 16px;
font-weight: 700;
color:#fff;
}
.phone-help{
display: flex;
}
.phone-help-input{
width: 220px;
height: 50px;
border-radius: 5px;
margin-right: 20px;
padding: 0 10px 0 20px;
font-size: 15px;
color: #000;
}
.program-help-button{
width: 192px;
height: 50px;
border-radius:5px;
background:linear-gradient(#3DD8C8, #537FCA);
font-size: 15px;
font-weight: 700;
color:#fff;
}
.program-help-button svg{
margin-right: 12px;
}
.help-cocial-networks{
display: flex;
width: 300px;
justify-content: space-between;
}
.networks-block{
text-align: center;
}
.networks-block p{
margin-top: 5px;
font-size: 15px;
font-weight: 700;
color:#fff;
}
/* program help end */
/* who-we_section start */
.who-we_title{
font-weight: 800;
font-size: 24px;
color:#6EB7B4 ;
padding-bottom: 40px;
padding-top: 20px;
padding-left: 10px;
}
.video-more_block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.video-more_blocks{
width: 673px;
height: 366px;
border-radius:5px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.video-more_first{
background: url("/wp-content/themes/eatntrain/img/how-it-works1(1).jpg" ) no-repeat center 15%;
background-size: cover;
}
.video-more_second{
background: url("/wp-content/themes/eatntrain/img/how-it-works1(2).jpg" ) no-repeat center 25%;
background-size: cover;
}
.video-more_first{
position: relative;
}
.video-more_first svg{
position: absolute;
top: 30px;
left: 30px;
}
.video-more_block p{
max-width: 330px;
margin-top: 15px;
color:#fff;
font-size: 12px;
font-weight: 500;
}
.video-more_block .title{
font-size: 16px;
font-weight: 700;
}
.video-more_second p{
max-width: 230px;
}
.video-more_block a{
width: 125px;
height: 35px;
background:linear-gradient(#3DD8C8, #537FCA);
font-weight: 800;
color: #fff !important;
display: flex;
align-items:center;
justify-content: center;
margin-top: 20px;
border-radius:3px;
cursor: pointer;
}
.video-more_block a:hover{
text-decoration: none;
color: rgb(226, 226, 226);
}
/* who-we_section end */
/* company-staff start */
.company-staff{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
}
.company-staff-blocks{
padding: 33px;
width: 320px;
height: 375px;
border-radius: 5px;
}
.company-staff-blocks__first{
background: url("/wp-content/themes/eatntrain/img/shef.jpg" ) no-repeat center;
background-size: cover;
}
.company-staff-blocks__second{
background: url("/wp-content/themes/eatntrain/img/manager.jpg" ) no-repeat center;
background-size: cover;
}
.company-staff-blocks__third{
background-color: #fff;
background: url("/wp-content/themes/eatntrain/img/su-shef.jpg" ) no-repeat center;
background-size: cover;
}
.company-staff-blocks__fought{
background: url("/wp-content/themes/eatntrain/img/shift-leader.jpg" ) no-repeat center;
background-size: cover;
}
.company-staff-blocks__second ,.company-staff-blocks__third {
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 33px 10px;
}
.staff-title{
font-size: 16px;
font-weight: 700;
color: #fff;
padding-bottom: 20px;
width: 123px;
}
.staff-subtitle{
font-size: 12px;
font-weight: 500;
color: #fff;
width: 133px;
}
/* company-staff end */
/* how-works end */
/* footer start */
.footer{
padding: 60px 0 20px 0;
background-color:#434C54;
}
.footer-block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-blocks_first{
max-width: 225px;
}
.footer-blocks_first p{
font-size: 14px;
font-weight: 500;
color:#949494;
}
.footer-social_networks{
margin: 25px 0;
}
.footer-social_networks a{
margin-right: 10px;
}
.footer-social_networks a svg{
width: 25px;
}
.footer_ul-title{
color:#fff;
font-size: 16px;
font-weight: 700;
padding-bottom: 20px;
}
.footer-block_second ul li a{
color:#959798;
font-size: 14px;
font-weight: 500px;
}
.footer-program-ul {
display: grid;
grid-template-columns: repeat(2 , 1fr);
grid-gap: 10px 30px;
}
.footer-block_second ul li a:hover{
text-decoration: none;
}
.select-footer_block select {
background-color: transparent;
border:0 !important;
color:#8F8F8F;
font-size: 15px;
font-weight: 500;
}
.footer-gmail{
display: flex;
font-size: 15px;
font-weight: 300;
color:#8F8F8F;
align-items:center;
}
.footer-gmail svg{
margin-right: 8px;
}
.footer-schedule{
margin-top: 20px;
}
.footer-schedule-title{
font-size: 15px;
font-weight: 700;
color:#707070;
}
.footer-schedule_block{
margin-top: 7px;
display: flex;
}
.footer-schedule_blocks{
display: flex;
justify-content: center;
align-items:center;
width: 25px;
height: 15px;
border-radius:2px;
color:#A4A4A4;
font-size: 10px;
background-color:#707070;
margin-right: 5px;
}
.schedule_blocks-second{
display: flex;
justify-content: center;
align-items:center;
width: 25px;
height: 15px;
border-radius:2px;
color:#fff;
font-size: 10px;
background-color:#A4A4A4;
margin-right: 5px;
}
.footer-phone-block{
display: flex;
margin-top: 25px;
}
.phone-blocks-first{
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items:center;
border-radius:50%;
background-color:#51585E;
}
.footer-phone-blocks{
margin-left: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer-phone-blocks a{
font-size: 15px;
font-weight: 700;
color: #8F8F8F ;
}
/* footer end */
/* tabs animation */
.show{display:block !important;}.hide{display:none !important;}.fade{animation-name: fade;animation-duration: 1.5s;}@keyframes fade{from{opacity: 0.1;}to{opacity: 1;}}
/* tabs animation */
.fade-shop {
animation-name: fade-shop;animation-duration: 1.5s;
}
@keyframes fade-shop {
from {
opacity: .2;
} to {
opacity: 1;
}
}
/* tabs question start */
.acked-question{
margin-bottom: 70px;
}
.tabheader-items_question{
display: flex;
justify-content: center;
}
.tabheader-item_question{
margin-right: 25px;
cursor: pointer;
width: 206px;
height: 128px;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items:center;
background:#fff;
color:#434C54;
font-size: 16px;
font-weight: 700;
}
.tabheader-item_question i{
font-size: 23px;
margin-bottom: 5px;
display: block;
}
.last-item-tabs{
margin-right: 0px ;
}
.tabheader-question{
margin-bottom: 50px;
}
.exit_cabinet span{
pointer-events: none;
}
.tabheader__item_question{
cursor: pointer;
width: 206px;
height: 128px;
border-radius: 10px;
display: flex;
justify-content: center;
align-items:center;
background:#6EB7B4 !important;
color:#ffffff !important;
font-size: 16px;
font-weight: 700;
position: relative;
}
.tabheader__item_question:after {
border: medium solid transparent;
content: "";
top: 100%;
left: 50%;
position: absolute;
height: 0;
width: 0;
border-color: #6EB7B4 rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
border-width: 19px;
margin-left: -19px;
}
.tabcontent-question{
width: 100%;
height: 614px;
background-color:#fff;
border-radius:15px;
}
.tabheader-question h3{
text-align: center;
margin: 60px 0 40px 0;
padding: 20px 0;
font-size: 24px;
font-weight: 800;
color:#6EB7B4;
}
/* tabs-second start */
.tabcontainer-second{
display: flex;
box-shadow: 0 5px 10px #ccc;
height: 100%;
overflow: hidden;
border-radius: 15px;
}
.tabcontent-seccond{
padding: 20px;
}
.tabcontent-seccond h4,.tabcontent-question h4{
color:#434C54;
}
.tabcontent-question_padding{
padding: 20px;
}
.tabcontent-seccond p,.tabcontent-question p{
margin-top: 7px;
color:#434C54;
}
.tabcontent-seccond_p{
margin-top: 15px;
color:#434C54;
}
.tabcontent_p{
margin-top: 1px;
margin-left: 10px;
}
.tabcontent-seccond a{
margin-top: 3px;
margin-left: 10px;
color:#434C54;
display: block;
}
.tabcontent-seccond a:hover{
margin-top: 3px;
margin-left: 10px;
color: #141516;
text-decoration: none;
}
.tabcontent-seccond_gmail{
text-decoration: underline;
}
.tabheader-item_second{
cursor: pointer;
padding: 0 20px;
width: 377px;
height: 80px;
line-height: 80px;
background-color: #eeeeee;
border:1px solid #DBDBDB;
}
.tabheader-second_active{
cursor: pointer;
padding: 0 20px;
width: 377px;
height: 80px;
color: #ffffff !important;
background-color: #8c8c8c !important;
border:1px solid #ffffff;
}
/* .tabheader-bg{
width: 377px;
background-color: #eeeeee;
border-right:1px solid #DBDBDB;
} */
.tabheader-second{
background-color: #eeeeee;
/* border-right:1px solid #DBDBDB; */
height: 100%;
width: 378px;
}
/* tabs secons end */
/* tabs question end */
/* Quiz start */
.quiz{
padding: 75px 0 60px 0;
}
.quiz-tag{
padding-left: 20px;
font-size: 24px;
font-weight: 800;
color: #6EB7B4;
}
.tabheader__item-quiz{
cursor: pointer;
}
.tabheader__item-quiz i {
pointer-events: none;
}
.tabcontainer-quiz{
width: 100%;
height: 614px;
display: flex;
margin-top: 25px;
background-color:#fff;
padding: 0 20px 20px 0;
}
.tabheader__items-quiz{
padding: 10px 0;
width: 289px;
height: 100%;
border-right: 3px solid #F6F6F9;
}
.tabheader__item-quiz i ,.exit_cabinet i{
margin-right: 35px;
}
.exit_cabinet{
cursor: pointer;
}
.tabheader__item-quiz ,.exit_cabinet{
padding-left: 20px;
height: 40px;
margin: 0 15px;
display: flex;
font-size: 14px;
font-weight: 500;
align-items: center;
color: #434C54;
border-bottom: 1px dotted #000;
}
.tabheader__item-quiz span{
pointer-events: none;
}
.tabheader__quiz_active{
color: #7FD4D1 !important;
}
.tabheader__quiz_active i{
color: #7FD4D1 !important;
}
.tabheader__quiz_active {
border-bottom: 1px dotted #7FD4D1 !important;
}
.tabheader__item-quiz--last{
border-bottom: none;
}
.tabcontent-quiz{
padding: 20px;
overflow: hidden;
width: 100%;
overflow: hidden;
}
/* Quiz end */
/* .cabinet start */
.user-images {
padding: 10px;
display: block;
margin: 25px auto;
border-radius: 50%;
border: 1px solid #E4E7F0;
width: 130px;
}
.user-name{
text-align: center;
font-size: 16px;
font-weight: 700;
color: #434C54;
}
.user-gmail{
padding: 10px 0 40px;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.cabinet{
padding: 0 0 60px 0;
}
.cabinet-tag{
padding-bottom: 30px;
padding-left: 20px;
font-size: 24px;
font-weight: 800;
color: #6EB7B4;
}
.cabinet-table thead th{
border: none;
}
.cabinet-table td, .table th{
border: none;
}
.main-table{
border-collapse: separate;
border-spacing: 0 10px;
}
.main-table thead th:first-child{
border-radius: 5px 0 0 5px;
}
.main-table thead th:last-child{
border-radius: 0 5px 5px 0;
}
.main-table tbody tr td:first-child{
border-radius: 5px 0 0 5px ;
}
.main-table tbody tr td:last-child{
border-radius: 0 5px 5px 0;
}
.cabinet-table .th-2{
width: 125px;
}
.cabinet-table .th-3{
width: 535px;
}
.footer-fast-link{
padding-bottom: 10px !important;
}
.cabinet-table tr th{
font-size: 14px;
font-weight: 500;
}
.cabinet-table tr td{
font-size: 14px;
font-weight: 500;
}
.tabcontent-quiz_order{
}
.order-info_button{
font-size: 16px;
font-weight: 500;
background:transparent;
border:0;
color: #FFAB07;
transition: .2s linear;
}
.order-info_button:hover{
color: #e49b09;
}
.change-account{
margin-top: 50px;
}
.change-account_block{
display: flex;
justify-content: space-between;
}
.change-account_blocks{
position: relative;
width: 100%;
max-width: 468px;
padding: 30px 30px 40px 30px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
border-radius: 5px;
}
.change-account_blocks__top{
width: 325px;
height: 37px;
font-size: 15px;
font-weight: 700;
color: #434C54;
border-radius: 19px;
display: flex;
justify-content: center;
align-items: center;
background-color:#EAEAEA;
margin: 0 auto;
right: 50%;
transform: translateX(50%);
top: -18px;
position: absolute;
}
.change-account_blocks input{
padding: 10px;
font-size: 14px;
width: 100%;
margin: 15px 0;
border-radius: 5px;
height: 52px;
border: 1px solid #DFDFDF;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.change-account_block__second{
margin-top: 90px;
}
.change-account_button{
width: 270px;
height: 52px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
color:#fff;
background: #7FD4D1;
display: flex;
justify-content: center;
align-items: center;
margin: 50px 0 75px auto;
}
.change-adress_button{
width: 270px;
height: 52px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
color:#fff;
background: #7FD4D1;
display: flex;
justify-content: center;
align-items: center;
margin: 30px auto 0;
}
.addres_select{
padding: 0 20px;
font-size: 14px;
width: 100%;
border-radius: 5px;
height: 52px;
border: 1px solid #DFDFDF;
box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.change-account_blocks p{
font-size: 14px;
font-weight: 900;
margin: 0 ;
padding: 10px 0;
color: #6b6b6b;
}
.cancel-btn{
width: 190px;
height: 52px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
color:#fff;
background: #7FD4D1;
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto 0 auto;
overflow: hidden;
}
.adres-block-second{
max-width: 468px;
display: block;
width: 100%;
margin-right: 50px;
display: none;
}
.adres-block-third{
display: none;
}
/* cabinet end */
/*!* order1 start *!*/
/*.order-tag{*/
/* font-size: 24px;*/
/* font-weight: 700;*/
/* color: #434C54;*/
/*}*/
/*.tabcontainer-order{*/
/* margin-top: 50px;*/
/*}*/
/*.tabheader__item-order{*/
/* width: 100%;*/
/* height: 49px;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: space-between;*/
/* font-size: 14px;*/
/* font-weight: 700;*/
/* max-width: 381px;*/
/* color: #434C54;*/
/* cursor: pointer;*/
/* padding: 0 25px;*/
/* border-radius: 5px;*/
/* background: #fff;*/
/* margin-bottom: 15px;*/
/*}*/
/*.tabheader__order_active{*/
/* color: #fff;*/
/* background: #7FD4D1;*/
/*}*/
/*.show-order1{*/
/* display:block;*/
/*}*/
/*.hide-order1{*/
/* top: 0;*/
/* right: 0;*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100%;*/
/* z-index: 100;*/
/* background-color:#0000002a;*/
/*}*/
/*.tabheader__items-order1{*/
/* margin-bottom: 3px;*/
/* display: flex;*/
/*}*/
/*.tabheader__item-order1{*/
/* cursor: pointer;*/
/* font-size: 14px;*/
/* font-weight: 700;*/
/* display: flex;*/
/* width: 220px;*/
/* height: 45px;*/
/* justify-content: center;*/
/* align-items:center;*/
/* background-color: #fff;*/
/* border-radius:5px;*/
/* color: #6EB7B4 ;*/
/*}*/
/*.tabheader__order_active{*/
/* background-color:#6EB7B4;*/
/* color: #fff;*/
/*}*/
/*.tabheader__item-order1--second{*/
/* margin-left: 50px;*/
/*}*/
/*.order-section{*/
/* padding: 75px 0 60px 0;*/
/*}*/
/*.tabcontent-order_block{*/
/* height: 616px;*/
/* display:flex;*/
/*}*/
/*.tabcontent-order_first{*/
/* position: relative;*/
/* width: 440px;*/
/* height: 100%;*/
/* border-right:3px solid #F6F6F9;*/
/* background-color:#fff;*/
/*}*/
/*.tabcontent-order_second{*/
/* display: flex;*/
/* justify-content: space-between;*/
/* position: relative;*/
/* width: 920px;*/
/* height: 100%;*/
/* background-color:#fff;*/
/*}*/
/*.tabcontent-order_second {*/
/* display: flex;*/
/*}*/
/*.fast-order1{*/
/*margin: 25px 0 0 25px;*/
/*}*/
/*.fast-order1-blocks{*/
/* display: flex;*/
/* align-items:center;*/
/* height: 40px;*/
/* margin-top: 20px;*/
/*}*/
/*.fast-order1-blocks p{*/
/* width: 125px;*/
/* font-size: 14px;*/
/* font-weight: 500;*/
/*}*/
/*.input-fast-name{*/
/* padding: 0 15px;*/
/* width: 234px;*/
/* height: 40px;*/
/* border-radius: 5px;*/
/* border:1px solid rgb(150, 150, 150);*/
/*}*/
/*.input-fast-comment{*/
/* padding: 15px;*/
/* width: 234px;*/
/* height: 59px;*/
/* border-radius: 5px;*/
/* resize: none;*/
/* border: 1px solid rgb(150, 150, 150);*/
/*}*/
/*.fast-order1-blocks_second p{*/
/* width: 125px;*/
/* font-size: 14px;*/
/* font-weight: 500;*/
/*}*/
/*.fast-order1-blocks_second{*/
/* */
/* display: flex;*/
/* margin-top: 20px;*/
/*}*/
/*.conditions-order1{*/
/* font-weight: 500;*/
/* font-size: 14px;*/
/* margin-top: 15px;*/
/*}*/
/*.fast-order_button{*/
/* width: 185px;*/
/* height: 50px;*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* border:0;*/
/* color:#fff;*/
/* background-color: #FFAB07;*/
/* margin: 15px auto;*/
/* border-radius:5px;*/
/*}*/
/*.full-order1{*/
/* margin: 5px 0 0 25px;*/
/*}*/
/*.input-full{*/
/* padding: 0 15px;*/
/* width: 290px;*/
/* height: 40px;*/
/* border-radius: 5px;*/
/* border:1px solid rgb(150, 150, 150);*/
/*}*/
/*.fast-order1-blocks select{*/
/* padding: 0 15px;*/
/* width: 290px;*/
/* height: 40px;*/
/* border-radius: 5px;*/
/* border:1px solid rgb(150, 150, 150);*/
/*}*/
/*.conditions-order1{*/
/* max-width: 380px;*/
/*}*/
/*.order_register{*/
/* width: 310px;*/
/* height: 50px;*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* border:0;*/
/* color:#fff;*/
/* background-color: #FFAB07;*/
/* margin: 15px 0 0 130px;*/
/* border-radius:5px;*/
/*}*/
/*.register-networks{*/
/* width: 310px;*/
/* height: 50px;*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* border:0;*/
/* color:#fff;*/
/* background-color: #FFAB07;*/
/* margin: 30px 0 0 155px;*/
/* border-radius:5px;*/
/*}*/
/*.sistem-sale{*/
/* position: absolute;*/
/* right: 0;*/
/* margin-top: 20px;*/
/* background-color: #BD94BD;*/
/* width: 410px;*/
/* height: 225px;*/
/* background-image: url('../img/order1/order1-img.png');*/
/* background-size: cover;*/
/*}*/
/*.sistem-sale p{*/
/* margin: 20px 0 0 20px;*/
/* width: 190px;*/
/* color:#fff;*/
/* font-size: 16px;*/
/* font-weight: 700;*/
/*}*/
/*.sistem-sale p span{*/
/* margin-top: 25px;*/
/* display: block;*/
/* color:#fff;*/
/* font-size: 14px;*/
/* font-weight: 500;*/
/*}*/
/* order1 end */
/*ORDER START*/
.link-way{
font-size: 14px;
font-weight: 500;
color: #6EB7B4;
}
/*ORDER END*/
.order-section{
padding: 30px 60px;
background: url("../img/site-bg/bg-white.png");
}
.order-title{
font-size: 24px;
font-weight: 700;
color: #434C54;
margin: 60px 0;
}
.order-content{
display: grid;
grid-template-columns: 360px auto;
column-gap: 50px;
}
.fast-order ,.checkout {
padding: 20px 25px;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
cursor: pointer;
border-radius: 5px;
}
.fast-order span , .checkout span{
font-size: 14px;
font-weight: 700;
}
.order-active{
color: #fff;
background: #7FD4D1;
}
.contact-details ,.order-comment,.delivery-methods ,.payment-methods{
padding: 20px 25px;
background: #fff;
margin-bottom: 25px;
border-radius: 5px;
}
.order-block-title{
font-size: 21px;
font-weight: 700;
color: #434C54;
margin-bottom: 30px !important;
}
.order-input{
display: block;
width: 100%;
height: 50px;
padding: 0 15px;
font-size: 14px;
margin-bottom: 20px;
border-radius: 5px;
border:1px solid #DFDFDF;
}
.delivery-methods-subtitle{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.delivery-methods-subtitle span {
font-size: 16px;
font-weight: 700;
}
.delivery-methods-subtitle select{
border: 0;
font-size: 15px;
font-weight: 700;
border-bottom: 1px solid #434C54;
}
.methods-variant{
display: flex;
align-items: flex-start;
}
.methods-variant input{
margin-top: 5px;
}
.methods-variant label{
margin-left: 25px;
}
.methods-variant p {
font-size: 15px;
font-weight: 700;
color: #434C54;
}
.methods-variant span{
font-size: 14px;
color: #434C54;
}
.order-info .table-bg{
box-shadow: none;
}
.order-info{
height: fit-content;
}
.order-info-content{
background: #fff;
padding: 25px 20px;
border-radius: 5px;
}
.order-info-title{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.order-info-title .order-block-title{
margin-bottom: 0px !important;
}
.order-info-title a {
display: block;
font-size: 15px;
color: #434C54;
font-weight: 700;
border-bottom: 1px dashed #434C54;
}
.order-info-title a{
color: #434C54;
text-decoration: none !important;
}
order-info-title a:hover{
color: #000 !important;
text-decoration: none !important;
}
.order-info-subtitle{
font-size: 14px;
font-weight: 700;
color: #434C54;
}
.order-info-wrapper{
display: flex;
}
.order-info-img{
margin-right: 15px;
}
.order-info-desc-title{
font-size: 14px;
font-weight: 700;
color: #434C54;
}
.order-info-desc-subtitle span{
display: block;
font-size: 14px;
}
.order-item-price{
font-size: 21px;
font-weight: 700;
color: #3DD8C8;
}
.price-info{
font-size: 14px;
font-weight: 700;
color: #434C54;
text-align: right;
}
.price-info span{
padding-left: 5px;
font-size: 21px;
}
.order-info .table {
margin-top: 15px;
}
.order-full-price-info{
display: flex;
justify-content: space-between;
}
.faq-link{
display: inline-block !important;
margin: 0 5px;
font-size: 20px;
font-weight: 700;
color: #000 !important;
}
.order-full-price-text{
display: flex;
align-items: flex-start;
margin:40px 0;
}
.order-full-price-text svg{
margin-right: 5px;
margin-top: 5px;
}
.order-full-price-text span{
display: block;
font-size: 14px;
color: #434C54;
max-width: 400px;
}
.order-full-price{
font-size: 22px;
font-weight: 700;
color: #434C54;
display: flex;
align-items: center;
}
.order-full-price span{
font-size: 34px;
margin-left: 10px;
}
.order-comment textarea{
border: 1px solid #E6E6E6;
resize: none;
width: 100%;
border-radius: 5px;
}
.dataTables_length{
display: none;
}
.dataTables_filter{
display: none;
}
.dataTables_info{
display: none;
}
.paginate_button {
border-radius: 50% !important;
}
.current{
background : #7FD4D1 !important ;
border: 0 !important;
color: #ffffff !important ;
}
.paginate_button{
background: #ffffff;
}
.paginate_button:hover{
background : #7FD4D1 !important ;
color: #ffffff !important ;
border: 0 !important;
}
.pagination ul{
width: 100%;
display: flex;
flex-wrap: wrap;
background: #fff;
padding: 8px;
border-radius: 50px;
box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
}
.pagination ul li{
color: #63bdba;
list-style: none;
line-height: 45px;
text-align: center;
font-size: 18px;
font-weight: 500;
cursor: pointer;
user-select: none;
transition: all 0.3s ease;
}
.pagination ul li.numb{
list-style: none;
height: 45px;
width: 45px;
margin: 0 3px;
line-height: 45px;
border-radius: 50%;
}
.pagination ul li.numb.first{
margin: 0px 3px 0 -5px;
}
.pagination ul li.numb.last{
margin: 0px -5px 0 3px;
}
.pagination ul li.dots{
font-size: 22px;
cursor: default;
}
.pagination ul li.btn{
padding: 0 20px;
border-radius: 50px;
}
.pagination li.active,
.pagination ul li.numb:hover,
.pagination ul li:first-child:hover,
.pagination ul li:last-child:hover{
color: #fff;
background: #63bdba;
}
body .previous:hover{
color: #ffffff !important ;
cursor: pointer;
}
.table-id_second{
display: none;
}
.send-order{
display: flex;
align-items: center;
justify-content: space-between;
}
.send-order input {
margin-right: 10px;
}
.send-order p {
font-size: 12px;
margin-right: 40px;
}
.cabinet-networks{
padding-bottom: 25px;
}
.send-order button {
width: 255px;
height: 52px;
background: #7fd4d1;
color: #fff;
border: 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.how-buy h4 {
font-size: 24px;
color: #555;
padding-top: 20px;
font-weight: 700;
margin-top: 100px;
margin-bottom: 50px;
}
.how-buy_sing{
margin-bottom: 100px;
}
.how-buy_sing .how-buy-block-title{
width:196px ;
}
.how-buy-subtitle{
font-size: 18px;
color: #555;
max-width: 800px;
margin-bottom: 50px !important;
}
.how-buy-blocks{
display: flex;
justify-content: space-between;
}
.how-buy-block{
display: flex;
margin-right: 40px;
}
.how-buy-icon{
margin-right: 20px;
}
.how-buy-block-title{
font-size: 18px;
font-weight: 700;
color: #555;
}
.how-buy-block-subtitle{
font-size: 15px;
color: #555;
}
.how-buy-block-num{
font-size: 47px;
font-weight: 700;
}
/* cart start */
.sale-cart{
display: flex;
align-items: center;
margin-right: 100px;
}
.cart-section{
padding: 0 0 60px 0;
background: url("../img/site-bg/bg-white.png");
}
.table-tag{
font-size: 21px;
font-weight: 700;
color:#434C54;
padding-bottom: 20px;
}
.cart-tag{
font-size: 24px;
font-weight: 800;
color:#434C54;
margin-bottom: 40px;
}
.cart-price_dishes,.cart-price_program{
justify-content: flex-end;
display: flex;
align-items: center;
font-size: 14px ;
font-weight: 700;
color:#434C54;
margin-bottom: 30px;
}
.cart-price_all{
justify-content: space-between;
padding-top: 10px;
border-top: 1px solid #C9C9C9;
display: flex;
align-items: center;
font-size: 22px ;
font-weight: 700;
color:#434C54;
margin-bottom: 30px;
}
.cart-price_all span{
margin-left: 15px;
font-size: 34px;
}
.sale-span{
font-size: 22px !important;
color: #e21d1d;
margin-right: 10px;
}
.sale-cart_sale{
margin: 0 10px;
}
.cart-price_dishes span,.cart-price_program span{
margin-left: 10px;
font-size: 21px;
}
.table-title{
width: 135px;
font-size: 18px;
font-weight: 800;
color:#6EB7B4;
margin-bottom: 15px;
}
.table-cart thead th{
border: none !important;
}
.table-cart td, .table th{
border: none !important;
vertical-align: middle !important;
}
.program-cart_table thead th{
border: none !important ;
}
.program-cart_table td, .table th{
border: none !important;
vertical-align: middle !important;
}
.table-cart-1{
width: 382px;
}
.product-cart-name{
font-size: 18px;
font-weight: 500;
color: #000;
}
.product-cart-title{
margin-top: 15px;
font-size: 14px;
font-weight: 300;
}
.product-cart-title span{
font-size: 14px;
font-weight: 500;
}
.product-cart-subtitle{
margin-top: 5px;
font-size: 14px;
font-weight: 300;
}
.product-cart-subtitle span{
font-size: 14px;
font-weight: 500;
}
.product .wishes-btn {
color: #6eb7b4;
font-size: 22px;
}
.table-cart-2{
width: 135px !important;
text-align: center;
}
.table-cart-3,.table-cart-4,.table-cart-5{
text-align: center;
}
.table-cart-3 {
width: 190px;
}
.cart-price,.cart-sale,.cart-full-price,.cart-sum-price{
font-size: 24px;
font-weight: 700;
text-align: center;
color: #3DD8C8;
}
.cart-sum-price{
padding-left: 23px;
}
.cart-pointer{
display: flex;
justify-content: center;
}
.point-none{
pointer-events: none;
}
.cart-pointer p{
font-size: 23px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
width: 102px;
height: 41px;
border-radius: 5px;
color:#ADADAD;
background-color: #EAEAEA;
margin: 0 5px;
}
.cart-pointer .plus{
width: 40px;
height: 40px;
cursor: pointer;
border-radius:5px;
background-color:#7FD4D1;
display: flex;
color: #fff;
justify-content:center;
align-items: center;
font-size: 18px;
font-weight: 600;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.cart-pointer .minus{
width: 40px;
height: 40px;
line-height: 40px;
cursor: pointer;
border-radius:5px;
background-color:#7FD4D1;
display: flex;
color: #fff;
justify-content:center;
align-items: center;
font-size: 18px;
font-weight: 600;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.cart-change{
position: relative;
display: block;
text-align: center;
background:transparent;
border:0;
font-size: 16px;
font-weight: 600;
color:#434C54;
transition: .2s linear;
}
.cart-change:after{
content:'';
position: absolute;
width: 100%;
height: 1px;
background-color:#434C54;
bottom: 0px;
left: 0;
}
.info__grid{
display: grid;
grid-template-columns: repeat(3,1fr);
/*grid-template-rows: repeat(2,1fr);*/
gap: 20px;
margin-bottom: 40px;
}
.grid__item{
border: 1px solid #ededed;
padding: 15px;
text-align: center;
}
.grid__item span {
display: block;
padding-top: 5px;
font-weight: bold;
}
.franchise-button-next:after{
content: none !important;
}
.franchise-button-prev:after{
content: none !important;
}
.franchise-button-prev{
left: 30px !important;
}
.franchise-button-next{
right: 30px !important;
}
.grid__item{
}
.fa-arrow-circle-up:before{
font-size: 50px;
display: inline-block;
transform: rotate(90deg);
color: black;
}
.left:before{
transform: rotate(-90deg);
color: black;
}
.summ-table thead th{
border-bottom: 2px solid #707070 !important;
}
.card-order_button a {
width: 100%;
display: flex;
height: 100%;
color: #fff;
justify-content: center;
align-items: center;
}
.card-order_button a:hover{
color:#fff;
text-decoration: none;
}
.card-order_button{
width: 252px;
height: 50px;
display: flex;
justify-content: center;
align-items:center;
border:0;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
color:#fff;
background-color: #7FD4D1;
margin: 30px 0 0 auto;
transition: .2s linear;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.continue-btn,.sale-cupon-btn{
display: flex;
justify-content:space-around;
align-items: center;
margin-right: 20px;
cursor: pointer;
width: 252px;
height: 52px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
margin-top: 30px;
padding: 0 15px;
}
.modal-sale_content{
position: relative;
padding: 40px;
}
.close-cart{
width: 20px;
position: absolute;
right: 20px;
top: 20px;
}
.modal-sale_content form input {
display: flex;
width: 100%;
height: 40px;
margin-bottom: 30px;
font-size: 15px;
padding: 0 25px;
border: 2px solid #bfbfbf;
border-radius: 5px;
}
.modal-sale_content form button{
display: flex;
width: 75%;
margin: 0 auto;
height: 40px;
font-size: 18px;
font-weight: 900;
justify-content: center;
align-items: center;
background: #434343;
color: #ffff;
border: 2px solid #bfbfbf;
border-radius: 5px;
border: 0;
}
.modal-sale_content p{
font-size:19px ;
font-weight: 900;
color: #434343;
text-align: center;
padding-bottom: 30px;
}
.sale-cupon-btn{
font-size: 14px;
color: #434C54;
}
.continue-btn{
font-size: 14px;
font-weight: 700;
color:#fff;
background-color: #434C54;
transition: .2s linear;
}
.continue-btn:hover{
color: #fff;
text-decoration:none;
background-color: #626a72;
}
.salle-coupon_block{
display: flex;
width: 100%;
height: 173px;
align-items:center;
background-color: #6EB7B4;
margin-top: 80px;
}
.salle-coupon_block p{
font-size: 28px;
font-weight: 700;
color:#fff;
padding-left: 30px;
max-width: 740px;
flex-wrap: wrap;
}
.salle-coupon{
display: flex;
margin-left: 60px;
}
.salle-coupon input{
padding: 0 20px;
width: 180px;
height: 40px;
border: 0;
border-radius: 5px;
font-size: 12px;
font-weight: 500;
}
.salle-coupon_button{
width: 192px;
height: 40px;
display: flex;
justify-content: center;
align-items:center;
border:0;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
color:#fff;
background-color: #FFAB07;
transition: .2s linear;
margin-left: 30px;
}
.salle-coupon_button:hover{
background-color: #e29a09;
}
/* business lunch start */
.business-lunch-content{
background: #fbeee6;
margin: 70px 0 40px;
display: flex;
}
.business-lunch-info{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0 0 15px;
}
.business-lunch-text{
padding-right: 25px;
}
.business-lunch-img{
transform: translateY(-30px);
height: 229px;
}
.business-lunch-title{
font-size: 36px;
font-weight: 700;
color: #606060;
line-height: 1;
margin-bottom: 15px;
}
.business-lunch-title span {
font-size: 26px;
}
.business-lunch-subtitle{
color: #606060;
margin-bottom: 15px;
}
.business-lunch-price{
font-size: 23px;
font-weight: 700;
color: #434C54;
}
.business-lunch-price span{
font-size: 36px;
}
/*SLIDER */
.catering-slider{
margin-bottom: 50px;
padding: 10px 15px;
}
.const_slider img{
width: auto !important;
}
.catering-slider .swiper-slide{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 240px;
border-radius: 5px;
overflow: hidden;
padding: 10px 15px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
}
.catering-slider-title{
font-size: 16px;
font-weight: 700;
color: #434C54;
margin-bottom: 5px;
}
.catering-slider-subtitle{
font-size: 12px;
width: 260px;
margin-bottom: 10px;
}
.catering-slider-info{
display: flex;
align-items: center;
}
.catering-slider-link{
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 35px;
border-radius: 5px;
font-size: 14px;
color: #fff;
font-weight: 700;
margin-right: 20px;
background: #707070;
}
.catering-slider-price{
font-size: 14px;
font-weight: 700;
}
.catering-slider-price span{
font-size: 18px;
}
.catering-slide0{
background-color: #fff !important;
/*background: url("../img/programs/1.png") no-repeat right bottom;*/
}
.catering-slide1{
/*background: url("../img/programs/2.png") no-repeat right bottom;*/
background-color: #E6A6A4;
}
.catering-slide2{
/*background: url("../img/programs/3.png") no-repeat right bottom;*/
background-color: #8ae0d0;
}
.catering-slide3{
background-color: #fff !important;
/*background: url("../img/programs/1.png") no-repeat right bottom;*/
}
.catering-slide4{
/*background: url("../img/programs/2.png") no-repeat right bottom;*/
background-color: #E6A6A4;
}
.catering-slide5{
/*background: url("../img/programs/3.png") no-repeat right bottom;*/
background-color: #8ae0d0;
}
.catering-slider-btns{
background: linear-gradient(90deg , transparent , rgba(229 , 229 , 229 , 1 ));
position: absolute;
width: 150px;
height: 240px;
z-index: 10;
right: 10px;
padding: 10px 15px;
}
.pull-right-img{
position: absolute;
right: 0;
top: 0;
background-size: cover !important;
height: 100%;
width: 30%;
}
.catering-next{
background: url("../img/right.png") no-repeat center;
background-size: cover;
top: 70% !important;
left: 50% !important;
border-radius: 50% !important;
width: 36px !important;
/*background: #tra !important;*/
height: 36px !important;
}
.catering-prev{
background: url("../img/left.png") no-repeat center;
background-size: cover;
left: 50% !important;
top: 30% !important;
border-radius: 50% !important;
width: 36px !important;
/*background: transparent !important;*/
height: 36px !important;
}
.catering-prev:after {
display: none;
}
.catering-next:after{
display: none;
}
.catering-slider .swiper-slide:hover .catering-slider-link {
background: #7FD4D1;
text-decoration: none !important;
color: #fff !important;
}
/* main start */
.beard{
font-size: 14px;
color: #6EB7B4;
font-weight: 600;
padding: 40px 0;
}
.beard a{
font-size: 14px;
color: #6EB7B4;
font-weight: 600;
}
.beard a:hover{
font-size: 14px;
color: #348681;
font-weight: 600;
text-decoration: none;
}
.products-wrapper{
display: grid;
grid-template-columns: 45% auto;
margin-bottom: 60px;
}
.products-wrapper-catering{
display: grid;
grid-template-columns: 270px auto;
padding-bottom: 60px;
}
.products-block{
padding: 1px 0 0 30px;
}
.table-container {
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.products-block-left{
padding-bottom: 30px;
padding-top: 20px;
padding-right: 20px;
}
.program-info span{
font-weight: 500;
font-size: 14px !important;
}
.program-full-price{
font-size: 30px;
}
.program-info p{
font-size: 10px !important;
}
.daytime-reception{
margin-bottom: 30px;
}
.daytime-reception-title{
font-size: 14px;
color: #434C54;
font-weight: 700;
margin-bottom: 20px;
}
.daytime-reception-btns{
display: flex;
justify-content: space-between;
}
.daytime-reception-btn{
height: 50px;
width: 32%;
color: #434C54;
font-size: 14px;
border-radius: 5px;
background: #ffffff;
border: 1px solid #EAEAEA;
}
.categorys-title{
font-size: 16px;
padding: 10px;
color: #434C54;
font-weight: 700;
margin-bottom: 20px;
}
.catering-block-left{
padding: 0;
background: transparent !important;
}
.catering-block-left_top{
background: #fff;
}
.catering-block-left_bottom{
background: #fff;
padding: 20px 0;
margin-top: 20px;
}
.left_bottom_title{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.left_bottom_title a{
font-size: 16px;
font-weight: 700;
color: #434343;
}
.left_bottom_subtitle{
font-size: 12px;
font-weight: 500;
color: #707070;
padding: 10px 18px 0;
}
.catering-search{
padding: 0 20px;
}
.left_bottom_title-second{
padding: 12px 20px;
margin-top: 15px;
border-top: 2px solid #EEEEEE;
}
.catering-search_tag {
padding: 10px 20px 0;
}
.categorys-blocks{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 30px;
}
.category-block{
width: 32%;
margin-bottom: 20px;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
margin-right: 1%;
}
.category-block-img{
pointer-events: none;
height: 300px;
background-size: cover !important;
}
.category-block-img img{
width: 100%;
}
.left_bottom-info{
padding: 0 20px;
font-size: 12px;
color: #434343;
}
.left_bottom-info--first{
padding-top: 10px;
}
.left_bottom-btn{
margin: 0 auto;
display: flex;
justify-content: center;
font-size: 14px;
font-weight: 700;
width: 88%;
align-items: center;
background: #79C4C1;
color: #fff;
height: 35px;
margin-top: 15px;
}
.network-block_catering{
display: flex;
flex-wrap: wrap;
padding: 10px 20px;
}
.network-blocks_catering{
margin: 7px auto 0 auto;
padding: 10px ;
width: 108px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 5px;
border: 2px solid #8b8b8b;
}
.seo-title{
margin-top: 70px;
font-size: 24px;
font-weight: 900;
color: #434C54;
}
.seo-subtitle{
margin: 40px 0;
padding-bottom: 50px;
font-size: 15px;
font-weight: 500;
color: #434C54;
}
.network-block_catering p{
margin-left: 15px;
font-size: 12px;
font-weight: 700;
color: #777;
}
.category-body{
background: #606060;
display: flex;
align-items: center;
pointer-events: none;
color: #fff;
height: 55px;
font-size: 14px;
justify-content: center;
font-weight: 600;
padding: 8px 15px;
text-align: center;
}
.quick-choice-title{
font-size: 14px;
color: #434C54;
font-weight: 700;
margin-bottom: 20px;
}
.quick-choice-link{
display: flex;
justify-content: space-between;
}
.quick-choice-link a {
display: block;
font-size: 14px;
color: #3DD8C8 ;
}
.consultation-popap-title{
font-size: 20px;
padding-bottom: 15px;
}
.consultation-popap-subtitle{
font-size: 16px;
padding-bottom: 15px;
}
.our-contacts{
margin-top: 55px;
margin-bottom: 55px;
display: flex;
justify-content: space-around;
}
.our-contacts-block{
display: flex;
flex-direction: column;
align-items: center;
}
.our-contacts-block:hover{
text-decoration: none;
}
.product-submit-error{
display: none;
color: red;
text-align: center;
}
.our-contacts-title{
display: block;
font-size: 14px;
color: #3DD8C8 ;
margin-top: 10px;
}
.call-back input {
display: block;
width: 220px;
height: 50px;
border: 2px solid #3DD8C8;
padding: 0 15px;
color: #434C54;
font-size: 14px;
border-radius: 5px;
margin: 0 auto 35px;
}
.call-back button{
width: 192px;
height: 50px;
background: #7FD4D1;
color: #fff;
display: flex;
justify-content: space-around;
align-items: center;
padding: 0 15px;
box-shadow: 0 0 10px #ccc;
border-radius: 5px;
margin: 0 auto;
}
.filter{
margin-bottom: 20px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.dropdown-filter{
visibility: hidden;
height: 0px;
opacity: 0;
transition: .3s linear;
overflow: hidden;
}
.filter-name i {
transition: .3s linear;
}
.dropdown-filter-active{
visibility: visible;
height: 100%;
opacity: 1;
}
.filter-btn{
width: 122px;
height: 50px;
border-radius: 5px;
border: 1px solid #ccc;
color: #707070;
font-size: 14px;
font-weight: 700;
background: #fff;
margin-right: 15px;
}
.about__title {
font-size: 40px;
font-weight: bold;
text-align: center;
margin-bottom: 100px;
}
.franchise__title,
.perspectives__title,
.project__top-title,
.support__title,
.work__title{
font-size: 40px;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
margin-top: 40px;
}
.franchise__slide img {
width: auto;
height: 100%;
display: block;
margin: auto;
}
.franchise__container{
height: 600px !important;
margin-bottom: 50px;
}
.franchise__quote,
.work__subtitle{
text-align: center;
font-size: 20px;
font-weight: 700;
margin: 40px 0 40px;
}
.perspectives__item {
}
.support__list li{
position: relative;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
padding-left: 30px;
}
.list-1,
.list-2{
position: relative;
}
.list-1 li::before{
content: "";
display: block;
position: absolute;
top: 25%;
left: -5px;
width: 12px;
height: 12px;
background-color: #7FD4D1;
border-radius: 50px;
/*box-shadow: 0 1px 20px rgb(255 207 79 / 30%);*/
}
.work__subtitle{
}
.list-2 li::before{
content: "";
display: block;
position: absolute;
top: 35%;
right: -35px;
width: 12px;
height: 12px;
background-color: #7FD4D1;
border-radius: 50px;
/*box-shadow: 0 1px 20px rgb(255 207 79 / 30%);*/
}
.support__logo{
height: 220px;
}
.list-2 li{
text-align: right;
}
.franchise__link
{
color: black;
display: block;
margin-top: 30px;
text-decoration: underline;
}
.perspectives__list li{
padding-bottom: 10px;
list-style: circle ;
}
.work__link{
color: black;
display: block;
margin-top: 10px;
text-decoration: underline;
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
.rounded {
counter-reset: li;
list-style: none;
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.franchise__subtitle{
text-align: center;
}
.franchise__subtitle-deal{
font-size: 25px;
margin-bottom: 45px;
font-weight: 500;
}
.franchise__btn,
.perspectives__btn,
.grid__btn{
font-family: 'GothamPro', sans-serif;
display: block;
width: 290px;
padding: 15px 0;
margin: 30px auto;
font-weight: 900;
color: #fff;
background-color: #7FD4D1;
border-radius: 50px;
text-align: center;
cursor: pointer;
}
.franchise__subtitle span {
font-size: 17px;
line-height: 22px;
margin-top: 40px;
}
.perspectives__btn
{
margin: 30px auto 30px;
}
.grid__btn{
display: block;
margin: 30px auto 30px;
}
.franchise__project,
.support{
border-top: 1px solid #ededed;
}
.team__item-first{
margin-right: 50px;
}
.mission__list li{
padding-bottom: 10px;
}
.team__item-img{
height: 450px;
background-color: silver;
}
.team__item-img1{
background: url("/wp-content/themes/eatntrain/img/about-us.jpg") no-repeat center 20%;
background-size: cover;
}
.team__item-img2{
background: url("/wp-content/themes/eatntrain/img/team.jpg") no-repeat center;
background-size: cover;
}
.about__team-inner{
display: flex;
justify-content: space-between;
align-items: center;
}
.team__item-info{
min-height: 304px;
}
.team__item-title{
margin-top: 20px;
}
.team__item-title,
.team__item-subtitle{
text-align: center;
padding-bottom: 10px;
}
.team__item-subtitle{
min-height: 60px;
}
.about__mission-title,
.about__team-title{
font-size: 30px;
margin: 50px 0 40px;
font-weight: bold !important;
text-align: center;
}
.filter-select{
width: 122px;
padding: 5px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 5px;
background: #ffffff;
}
.filter-select select{
background: transparent;
font-size: 14px;
color: #434C54;
}
.about__mission{
border-bottom: 1px solid #ededed;
}
.team__item-text{
min-height: 200px;
}
.products-items{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.products-items .product{
margin-right: 20px;
}
.products-items .product{
margin-bottom: 30px;
}
.pagination{
display: flex;
justify-content: space-between;
width: fit-content;
}
.pagination i {
pointer-events: none;
}
.pagination-block-dots{
width: 50px;
height: 50px;
background: #FFFFFF;
display: flex;
justify-content: center;
border: 1px solid #eeeeee;
color: #434343;
align-items: center;
border-radius: 50%;
cursor: pointer;
font-size: 18px;
font-weight: 700;
}
.pagination-block{
width: 50px;
height: 50px;
background: #FFFFFF;
display: flex;
border: 1px solid #eeeeee;
justify-content: center;
color: #434343;
align-items: center;
border-radius: 50%;
cursor: pointer;
font-size: 18px;
font-weight: 700;
}
.pagination-btn_active{
width: 50px;
height: 50px;
background: #7FD4D1;
display: flex;
justify-content: center;
color: #fff;
align-items: center;
border-radius: 50%;
ursor: pointer;
font-size: 18px;
font-weight: 700;
}
.pag-num{
display: flex;
align-items: center;
}
.btn-next ,.btn-prev{
width: 50px;
height: 50px;
background: #FFFFFF;
color: #434343;
text-align: center;
line-height: 50px;
border-radius: 50%;
font-size: 24px;
font-weight: 700;
cursor: pointer;
border: 1px solid #ccc;
transition: .2s linear;
}
.btn-next:hover i ,.btn-prev:hover i {
color: #7FD4D1;
}
.btn-next{
padding-left: 3px;
}
.filter-catering{
transition: .3s linear;
}
.back-to-category-wrapper{
display: flex;
justify-content: center;
padding: 12px;
}
.back-to-category{
display: block;
padding: 10px 30px;
border-radius: 5px;
background: #63bdba;
color: #fff;
}
.filter-catering-tag{
font-size: 24px;
font-weight: 900;
color: #434343;
margin-bottom: 10px;
}
.filter-catering_block{
display: flex;
justify-content: space-between;
align-items: center;
}
.found-filter{
font-size: 14px;
color: #434C54;
margin-right: 20px;
}
.filter-result{
min-width: 260px;
display: flex;
align-items: center;
opacity: 0;
}
.filter-item:first-child{
margin-left: 40px;
}
.filter-item{
display: flex;
align-items: center;
margin-left: 5px;
padding: 5px 5px;
cursor: pointer;
}
.filter-item-active{
background: #ccc !important;
}
.filter-item svg{
pointer-events: none;
margin-right: 7px;
}
.reset-filter{
display: flex;
justify-content: space-between;
align-items: center;
color: #bababa;
width: 108px;
height: 34px;
padding: 0 5px;
margin-right: 10px;
background: #fff;
border-radius: 5px;
}
.filter-catering{
margin-bottom: 30px;
}
.reset-filter times{
color: #DEDEDE;
font-size: 27px;
}
.validation-select{
padding: 4px;
margin: 0 10px;
border-radius: 5px;
border: 1px solid #cacaca;
}
.sort-select{
padding: 4px;
margin-left: 0;
border-radius: 5px;
border: 1px solid #cacaca;
}
/* product page */
.product-block{
display: flex;
}
.product-blocks_slider{
width: 600px;
}
.product-thumbs_img{
width: 100px;
border-radius:6px;
}
.product-slider_img{
width: 600px;
height: 600px;
border-radius:10px;
}
.swiper-slide-thumbs{
display: flex;
align-items:center;
justify-content: center;
width: 100px !important;
}
.swiper-product-thumbs{
display: flex;
justify-content: center;
}
.gallery-thumbs-product{
margin-top: 30px;
}
.swiper-slide-thumb-active{
border-radius:6px;
}
.product-blocks{
margin-left: 30px;
}
.share-networks{
display: flex;
align-items: center;
}
.share-networks p{
font-size: 14px;
font-weight: 500;
color: #6EB7B4;
}
.share-networks a{
margin-left: 25px;
}
.product-page{
margin-bottom: 50px;
}
.product-bg{
background: #333 url('../img/site-bg/bg-white.png');
}
.product-page_name{
font-size: 36px;
font-weight: 700;
color: rgb(80, 80, 80);
margin: 20px 0 0;
}
.product-composition p{
max-width: 660px;
font-size: 14px;
font-weight: 500;
color: rgb(71, 71, 71);
}
.product-composition_info{
margin-top: 30px;
display: flex;
}
.composition_info-title{
text-align: center;
font-size: 14px;
font-weight: 600;
color: rgb(80, 80, 80);
}
.composition_info-subtitle{
text-align: center;
font-size: 18px;
font-weight: 600;
color: rgb(49, 49, 49);
margin-top: 5px;
}
.composition_info-block{
display: flex;
flex-direction: column;
align-items:center;
width: 120px;
}
.product-pointer{
align-items:center;
display: flex;
margin-top: 40px;
}
.product-page_prise{
font-size: 36px ;
font-weight: 700;
margin: 10px 0;
color:#3DD8C8;
}
.product-page_prise span{
color: #ADADAD;
font-size: 21px;
font-weight: 700;
margin-left: 20px;
}
.product-page_buy{
display: flex;
align-items:center;
}
.product-btn_block{
display: flex;
align-items: center;
margin-top: 40px;
}
.product-buy{
width: 211px;
height: 50px;
display: flex;
justify-content: center;
align-items:center;
border: 0;
background-color:#7FD4D1;
font-size: 16px;
font-weight: 600;
color:#fff;
border-radius:5px;
margin-left: 15px;
transition: .2s linear;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.product-buy svg{
margin-right: 15px;
}
.product-buy-second {
width: 211px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border: 0;
background-color: #707070;
font-size: 16px;
font-weight: 600;
color: #fff;
border-radius: 5px;
margin-left: 15px;
transition: .2s linear;
box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}
.product-page-tab-header{
display: flex;
}
.product-page-tab-header-item{
width: 180px;
height: 45px;
background: #ffffff;
border:1px solid #ccc;
border-radius: 5px;
margin-right: 20px;
font-size: 14px;
color: #434343;
font-weight: 700;
}
.product-page-tab-content{
margin-top: 40px;
padding-left: 40px;
}
/* catering-start */
.catereting-mane-title{
padding: 50px 0 50px 100px;
font-size: 18px ;
font-weight: 700;
color:rgb(97, 97, 97);
}
.catering-search{
position: relative;
}
.catering-search input{
height: 34px;
width:100%;
background: #fff !important;
padding: 0 10px 0 40px;
border-radius: 5px;
border:1px solid rgb(167, 167, 167);
color: #333 !important;
margin-top: 10px;
}
.catering-search svg{
position: absolute;
left: 29px;
top: 17px;
}
.checkbox-title{
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.checkbox-title p{
font-size: 14px ;
font-weight: 600;
color: #434C54;
padding: 15px 0 10px 0;
}
.filter-name{
cursor: pointer;
}
.checkbox-block{
border-top: 2px solid #EEEEEE;
padding: 12px 0;
}
.checkbox-catering-block{
display: flex;
align-items: center;
padding: 0 20px;
cursor: pointer;
}
.checkbox-catering-block span{
display: block;
width: 19px;
height: 19px;
margin-right: 10px;
border-radius: 2px;
text-align: center;
font-size: 11px;
border: 1px solid #ccc;
color: transparent;
transition: .2s linear;
}
.filter-active{
background: #1b6d85 !important;
color: #fff !important;
}
.checkbox-catering-block label span {
font-size: 12px;
color: #a5a5a5;
margin-left: 10px;
}
.fast-block{
display: flex;
margin: 10px;
flex-wrap: wrap;
}
.fast-button{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 4px 4px 4px;
border-radius: 5px;
cursor: pointer;
border: 1px solid #ADADAD;
margin-left: 3px;
margin-top: 4px;
color: #ADADAD;
}
.fast-button--active{
color: #fff !important;
background-color: #949494;
border: 0;
}
.cateting-info{
margin: 0 auto;
max-width: 1250px;
}
.catering-title{
font-size: 18px ;
font-weight: 700;
color: rgb(82, 82, 82);
padding-bottom: 20px;
}
.request__call{
cursor: pointer;
}
.request__call-form{
display: flex;
flex-direction: column;
}
.request__call-form input{
border: 1px solid #777;
border-radius: 5px;
padding: 7px;
width: 100%;
padding-left: 15px;
margin-bottom: 15px;
}
.request__btn{
background: #7FD4D1 !important;
color: #fff !important;
border: transparent!important;
font-weight: 700;
border-radius: 4px;
}
.catering-subtitle{
font-size: 16px;
font-weight: 500;
padding-bottom: 30px;
}
.catering-block_bt{
display: flex;
justify-content: space-evenly;
margin-bottom: 50px;
}
.catering-block_bt button{
width: 191px;
height: 47px;
border:0;
font-size: 14px;
color:#fff;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
background: #FFAB07;
border-radius:4px;
}
/* .retail-block-catering{
margin-bottom: 50px;
} */
.catering-product{
width: 260px;
height: 520px;
position: relative;
transition: .2s linear;
}
.catering-product img{
width: 250px;
height: 300px;
border-radius: 10px 10px 0 0;
position: absolute;
}
.slider-cater_title{
padding: 310px 25px 10px 25px;
font-size: 16px;
font-weight: 600;
}
.slider-cater_subtitle{
padding: 0 25px ;
font-size: 12px;
font-weight: 500;
}
.slide-careting-btn{
width: 100%;
height: 47px;
border:0;
font-size: 14px;
color:#fff;
font-weight: 700;
display: none;
justify-content: center;
align-items: center;
background: #FFAB07;
border-radius:4px;
margin-top: 10px;
transition: .2s linear;
}
.catering-product:hover .slide-careting-btn {
display: flex;
}
.catering-product-swiper{
height: 395 !important;
}
.slide-careting-btn_second{
width: 100%;
height: 47px;
border:0;
font-size: 14px;
color:#fff;
font-weight: 700;
display: none;
justify-content: center;
align-items: center;
background: #FFAB07;
border-radius:4px;
margin-top: 10px;
transition: .2s linear;
position: absolute;
bottom: 0;
}
.catering-product_second{
position: relative;
height: 238px;
}
.catering-product_second img{
position: absolute;
}
.catering-product_second:hover .slide-careting-btn_second{
display: flex;
}
.why-order-catering{
width: 100%;
max-width: 1250px;
margin: 0 auto;
margin-bottom: 50px;
}
.why-order-catering_block{
margin-bottom: 25px;
display: flex;
align-items: center;
}
.elips-catering_block{
width: 75px;
height: 75px;
border-radius:50%;
display: flex;
justify-content: center;
align-items: center;
background-color:#fff;
margin-right: 50px;
}
.why-order-catering_block p{
font-size: 18px;
font-weight: 500;
}
.why-order-catering_title{
font-size: 18px;
font-weight: 700;
padding-bottom: 20px;
}
.fast-order p{
font-size: 16px;
font-weight: 700;
color: #434C54;
}
.fast-order-bl{
margin-top: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.fast-order-bl input{
width: 47%;
height: 41px;
border-radius: 5px;
color: #434C54;
border: 1px solid #DFDFDF;
padding: 20px;
}
.pr-chekbox{
width: 20px !important;
}
.checkbox-pr-block label{
width: 260px;
}
.product-fast_order{
width: 47%;
height: 41px;
border-radius: 5px;
color: #fff;
background: #707070;
padding: 20px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
}
.btn-primary_catering{
background-color: #7fd4d1 !important;
border: 0 !important;
}
/* catering end */
.tab-order__tag{
font-size: 21px;
font-weight: 700;
color: #434C54;
}
.viewing-button,.download-button{
width: 108px;
height: 31px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
color: #fff;
background: #7FD4D1;
border: 0;
margin: 0 auto;
}
.td-cabinet{
text-align: center;
}
.download-td svg{
margin: 0 7px;
}
.download-td{
font-size: 14px;
font-weight: 700;
color: #434C54;
}
.coll-me_block{
position: relative;
width: 100%;
padding: 45px 0;
background-color: #fff;
border-radius: 10px;
}
.coll-me_block form input{
width: 304px;
height: 52px;
font-size: 14px;
font-weight: 500;
color:#434C54;
border-radius: 5px;
padding: 0 20px;
border: 1px solid #DFDFDF;
}
.coll-me_block form{
display: flex;
justify-content: space-around;
align-items: center;
}
.coll-me_block form button{
width: 304px;
height: 52px;
font-size: 14px;
font-weight: 700;
color:#fff;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
background-color: #7FD4D1;
}
.coll-me_block p{
margin-top: 15px;
text-align: center;
font-size: 12px;
color: #434C54;
}
.coll-me_block p span{
color: #2f3537;
font-weight: 700;
}
.management-title{
margin-top: 20px;
}
.table-nav{
padding: 10px 0;
display: flex;
justify-content: space-between;
width: 100%;
}
.table-nav p{
color: #434C54;
font-size: 15px;
font-weight: 600;
}
.table-nav button{
color: #434C54;
display: block;
background-color: transparent;
border-bottom: 2px solid #434C54;
font-weight: 700;
}
.tabcontainer-cabinet{
display: flex;
}
.tabheader__items-cabinet{
margin-right: 35px;
border-right: 0 !important;
background: #fff;
border-radius:5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
height: auto;
}
.table-bg{
margin-top: 35px;
background: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.table-bg .table thead tr{
pointer-events: none;
}
table.dataTable thead .sorting{
pointer-events: none;
}
.table-bg-first{
margin-top: 35px;
}
.thead-dark-none{
display: none;
}
.adres--block{
margin-top: 50px;
display: flex;
}
.adress-title{
padding-top: 5px;
}
.display-none{
display: none;
}
.adres--blocks{
margin: 40px 0 0 40px;
width: 50%;
}
.adres--blocks_title{
font-size: 21px;
font-weight: 700;
color:#434C54;
}
.change-button{
position: relative;
background: transparent;
color:#7FD4D1;
font-size: 14px;
font-weight: 700;
}
.change-button:after{
margin-top: 10px;
position: absolute;
content: '';
bottom: 1px;
width: 100%;
height: 1px;
left: 0;
background-color: #7FD4D1;
}
.adres--blocks_subtitle{
font-size: 15px;
color: #434C54;
margin-top: 10px;
}
.title-theme{
color:#434C54;
font-weight: 700;
}
.subtitle-theme{
max-width: 390px;
}
.table-bordered{
border:none !important;
}
.table th, .table td{
vertical-align: middle !important;
}
.theme-select{
display: block;
margin: 0 0 0 auto;
width: 130px;
height: 35px;
font-size: 12px;
text-align-last: center;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.status-theme{
color: #50D347;
}
/*.table-cart td {*/
/* border: 1px solid #e8e8e8 !important;*/
/*}*/
.form-messages{
display: block;
margin-top: 20px;
padding: 20px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.form-messages_block{
display: flex;
justify-content: space-between;
margin-top: 25px;
border-radius: 5px;
}
.form-messages_block input{
display: block;
padding: 25px;
width: 47%;
height: 52px;
border-radius: 5px;
border:1px solid #DFDFDF;
color: #434C54;
}
/*.form-messages_block select{*/
/* display: block;*/
/* padding: 25px;*/
/* width: 47%;*/
/* height: 52px;*/
/* border-radius: 5px;*/
/* border:1px solid #DFDFDF;*/
/* color: #434C54;*/
/*}*/
.form-messages_block select{
display: block;
width: 47%;
height: 52px;
font-size: 12px;
text-align-last:start;
padding: 0 20px ;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.form-messages textarea{
width: 100%;
height: 255px;
border-radius: 5px;
border:1px solid #DFDFDF;
padding: 20px;
margin-top: 25px;
color: #434C54;
}
.theme-button{
margin: 0 0 0 auto;
width: 300px;
height: 52px;
color: #fff;
font-size: 14px;
font-weight: 700;
background-color: #7FD4D1;
margin-top: 25px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
display: flex;
justify-content: center;
align-items: center;
}
.desire-cabinet_block{
display: flex;
align-items: center;
}
.desire-cabinet_blocks img{
margin-right: 20px;
width: 64px;
}
.desire-subtitle{
color: #434C54;
font-weight: 700;
}
.cabinet-cart-title{
max-width: 350px;
font-size: 14px;
font-weight: 300;
}
.cabinet-cart-title span{
font-size: 14px;
font-weight: 500;
}
.header-mobile{
display: none;
position: fixed;
width: 100%;
height: 80px;
left: 0;
top: 0;
z-index: 101;
background: #fff;
}
.cart-status{
color: #50D347;
}
.cart-buttons{
width: 108px;
height: 31px;
border-radius: 5px;
font-weight: 700;
color:#fff;
background-color: #7FD4D1;
display: flex;
justify-content: center;
align-items: center;
}
.delete-button{
display: block;
margin-left: 15px;
background: transparent;
}
.bt-block{
display: flex;
align-items: center;
justify-content: center;
}
/*tab cabinet start*/
.header-mobile .wrapper {
display: flex;
align-items: center;
height: 80px;
justify-content: space-between;
box-shadow: 0 0 10px #ccc;
}
.burger{
width: 45px;
height: 30px;
position: relative;
margin-left: 30px;
}
.burger-item-hidden{
opacity: 0;
transition: .1s linear;
}
.burger-item1-active{
transform: rotate(45deg);
transition: .3s linear;
}
.burger-item2-active{
transform: rotate(-45deg);
transition: .3s linear;
}
.header-mobile .logo img{
width: 60px;
}
.header-mobile-overflow{
position: fixed;
top: 80px;
background: rgba(0, 0 , 0, .3);
z-index: 100;
width: 100%;
height: 100%;
pointer-events: none;
transition: .1s linear;
opacity: 0;
}
.header-mobile-overflow-active{
opacity: 1;
pointer-events: auto;
}
.header-mobile-list{
width: 320px;
background: #fff;
height: calc(100vh - 80px);
overflow-y: scroll;
padding: 20px 0 30px 25px ;
transform: translateX(-100%);
transition: .4s linear;
}
.header-mobile-list-active{
transform: translateX(0);
}
.header-mobile-list ul li {
padding: 5px 0;
}
.header-mobile-list ul a {
font-size: 18px;
font-weight: 500;
display: block;
}
.header-mobile-list .header-number{
margin-bottom: 20px;
}
.header-mobile-list .header-location{
margin-bottom: 20px;
}
.burger-item{
width: 100%;
height: 4px;
background: #333;
position: absolute;
left: 0;
}
.burger-item1 {
top: 0;
}
.burger-item2 , .burger-item3 {
top: 15px;
}
.burger-item4{
top: 100%;
}
/*order1-final start*/
.final-order{
padding-top: 100px;
}
.final-title{
font-size: 24px;
font-weight: 700;
color: #434343;
text-align: center;
}
.final-img{
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.order-final_block p{
color: #434C54;
text-align: center;
font-size: 24px;
margin-top: 50px;
font-weight: 700;
}
.final_block{
position: relative;
margin: 60px auto 150px auto;
width: 942px;
height: 242px;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.block-append-final{
display: flex;
justify-content: space-around;
}
.final-block_top{
width: 261px;
height: 37px;
font-size: 15px;
font-weight: 700;
color: #fff;
border-radius: 19px;
display: flex;
justify-content: center;
align-items: center;
background-color: #434C54;
margin: 0 auto;
right: 36%;
top: -18px;
position: absolute;
}
.final-blocks{
padding: 10px 30px 10px;
margin: 70px 0 0 0;
height: 75px;
}
.final-blocks .first{
font-size: 15px;
font-weight: 600;
color: #343232;
}
.final-blocks .second{
font-size: 15px;
font-weight: 300;
color: #343232;
}
.final-blocks-border{
border-left: 2px solid #5a6268;
}
.final-subtitle{
text-align: center;
margin: 30px auto 0 auto;
max-width: 730px;
font-size: 15px;
color: #434C54;
font-weight: 300;
}
.final-subtitle a{
font-size: 15px;
color: #434C54;
font-weight: 700;
}
/*order1-final_block end */
/*sing-start*/
.sing-in_title{
padding-top: 100px;
text-align: center;
font-size: 24px;
font-weight: 700;
color: #434C54;
}
.sing-in_subtitle{
margin-top: 30px;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #434C54;
}
.sing-in_form{
padding: 30px 40px;
position: relative;
display: block;
border-radius: 5px;
width: 594px;
height: 314px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
margin: 50px auto;
background: #ffffff;
}
.personal_block{
width: 261px;
height: 37px;
font-size: 15px;
font-weight: 700;
color: #fff;
border-radius: 19px;
display: flex;
justify-content: center;
align-items: center;
background-color: #434C54;
margin: 0 auto;
right: 28%;
top: -18px;
position: absolute;
}
.sing-in_form .input-sn{
color: #434C54;
padding: 0 20px;
width: 100%;
height: 52px;
font-size: 14px;
border-radius: 5px;
border:1px solid #DFDFDF;
margin-top: 15px;
}
.sing-in_block{
align-items: center;
justify-content: space-between;
display: flex;
}
.sing-in_blocks{
margin-top: 35px;
}
.sing-in_blocks a:hover{
text-decoration: none;
}
.sing-in_blocks label{
align-items:center;
display: flex;
}
.sing-in_blocks label p{
margin-left: 10px;
font-size: 15px ;
font-weight: 700;
color: #434C54;
}
.sing-in_blocks a{
font-weight: 700;
color: #7FD4D1;
}
.sing-in_button{
width: 220px;
height: 52px;
font-size: 14px;
color: #fff;
background-color: #7FD4D1;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
border: 0;
display: flex;
justify-content: center;
font-weight: 700;
align-items: center;
}
.sing-in_blocks a{
margin-left: 15px;
}
.sing-in_block_second{
margin-top: 18px;
}
.login-with{
font-size: 15px;
font-weight: 700;
color:#707070 ;
}
.coll-me_block_top{
width: 261px;
height: 37px;
font-size: 15px;
font-weight: 700;
color: #fff;
border-radius: 19px;
display: flex;
justify-content: center;
align-items: center;
background-color: #434C54;
margin: 0 auto;
right: 50%;
transform: translateX(50%);
top: -18px;
position: absolute;
}
.netw-block{
display: flex;
justify-content: space-around;
padding: 45px 30px;
align-items: center;
background-image: url("../img/bg-block/network-bg.png");
background-color: #7FD4D1;
border-radius: 5px;
margin: 50px 0 0;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
.netw-block_title{
font-size: 23px;
font-weight: 700;
color: #fff;
}
.netw-block_subtitle{
font-size: 18px;
font-weight: 500;
color: #fff;
}
.netw-blocks_second{
display: flex;
width: 100%;
max-width: 495px;
justify-content: space-between;
}
.netw-bg{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
background: #7ABBB9;
border-radius: 15px;
}
.netw-bg p{
font-size: 12px;
font-weight: 700;
color:#fff;
}
.netw-blocks_third{
display: flex;
width: 100%;
max-width: 185px;
justify-content: space-between;
align-items: center;
}
.netw-block_phone{
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background: #5EB3B0;
}
.block-phone a{
display: block;
color: #fff;
font-size: 12px;
font-weight: 700;
}
.block-phone a:hover{
color: #cccccc;
}
/*sing-in_end*/
.sing-in_subtitle{
margin-top: 30px;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #434C54;
}
.sing-in_form{
padding: 30px 40px;
position: relative;
display: block;
border-radius: 5px;
width: 594px;
height: 312px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
margin: 50px auto;
}
.personal_block{
width: 261px;
height: 37px;
font-size: 15px;
font-weight: 700;
color: #fff;
border-radius: 19px;
display: flex;
justify-content: center;
align-items: center;
background-color: #434C54;
margin: 0 auto;
right: 28%;
top: -18px;
position: absolute;
}
.sing-in_form .input-sn{
color: #434C54;
padding: 0 20px;
width: 100%;
height: 52px;
font-size: 14px;
border-radius: 5px;
border:1px solid #DFDFDF;
margin-top: 15px;
}
.sing-in_block{
justify-content: space-between;
display: flex;
}
.sing-in_blocks{
margin-top: 35px;
}
.sing-in_blocks label{
align-items:center;
display: flex;
}
.sing-in_blocks label p{
margin-left: 10px;
font-size: 15px ;
font-weight: 700;
color: #434C54;
}
.sing-in_blocks a{
font-weight: 700;
color: #7FD4D1;
}
.sing-in_button{
width: 220px;
height: 52px;
font-size: 14px;
color: #fff;
background-color: #7FD4D1;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
border: 0;
display: flex;
justify-content: center;
font-weight: 700;
align-items: center;
}
.sing-in_blocks a{
margin-left: 15px;
}
.sing-in_block_second{
margin-top: 18px;
}
.login-with{
font-size: 15px;
font-weight: 700;
color:#707070 ;
}
/*sing-in_end*/
/*date-program start */
.date-program{
display: flex;
position: relative;
width: 100%;
justify-content: space-between;
}
.swiper-slide_pr{
display: flex;
justify-content: center;
}
.container_proframs_prev::after,.container_proframs_next::after{
font-size: 30px !important;
color: #7fd4d1 !important;
}
.container_proframs_prev,.container_proframs_next{
top: 45% !important;
}
.date-program-item_actice{
background: #7FD4D1 !important;
color: #fff !important;
}
.date-program-id{
width: 100%;
height: 100%;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.date-program-item{
width: 170px;
height: 47px;
border-radius: 5px;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
background: rgb(255, 255, 255);
color: rgb(67, 76, 84);
border: 1px solid rgb(204, 204, 204);
}
/*datr program end */
/*modal start */
.modal{
top: 15% !important;
}
.modal-backdrop{
background-color: #0000008c !important;
}
.cabinet-modal_td{
font-size: 24px;
font-weight: 700;
text-align: center;
color: #3DD8C8;
}
.filter-top-items{
display: flex;
}
.filter-top-mobile {
display: none;
}
.catering-block-left_bottom-mobile{
display: none;
}
.header-btn-mobile-second{
display: none;
}
.hash-mobile{
display: none;
}
.program-footer-mobile{
padding: 20px;
background: #fff;
display: none;
}
.cart-table-info{
margin-left: 15px;
width: 350px;
}
/*modal end*/
@media screen and (max-width: 1414px) {
.header-nav {
margin-right: 20px;
}
.delivery-info{
width: 700px;
}
.program-info-block{
padding: 30px 10px;
}
.days-btn{
width: 140px;
}
.food-choice-btn{
width: 140px;
}
.program-btn{
width: 140px;
}
.header-link{
margin-right: 10px;
}
.filter-item:first-child{
margin-left: 20px;
}
.filter-item{
font-size: 12px;
}
.video-more_blocks{
width: 48%;
}
.how-buy h4{
padding-top: 20px;
}
}
@media screen and (max-width: 1310px){
.how-buy-block-num{
display: none;
}
.how-buy-icon{
display: flex;
width: 85px;
justify-content: center;
align-items: center;
}
.how-buy-blocks{
flex-wrap: wrap;
}
.order-content {
grid-template-columns: repeat(1 ,1fr);
}
.order-input{
margin-bottom: 10px;
}
.methods-variant{
margin-bottom: 10px !important;
}
.order-block-title{
margin-bottom: 20px !important;
font-size: 19px;
}
.tabcontainer-quiz-wrap{
flex-direction: column;
height: auto;
}
.tabheader__items-quiz-wrap{
width: 100%;
overflow: auto;
display: flex;
justify-content: space-between;
}
.tabheader__items-quiz{
border-right: none;
}
.header{
display: none;
}
.header-mobile {
display: block;
}
.company-staff-blocks{
margin: 15px 0;
flex-basis: 24%;
}
.program-help-title{
max-width: 350px;
}
.company-staff{
justify-content: space-around;
}
body{
padding-top: 80px;
}
.filter-top-items{
display: none;
}
.filter-top-mobile{
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
.filter-item:first-child{
margin-left: 0;
}
.products-items{
justify-content: space-around;
}
.tabcontent-seccond h4, .tabcontent-question h4{
font-size: 18px;
}
.tabcontent-seccond p, .tabcontent-question p{
font-size: 14px;
}
.product-blocks{
width: 500px;
margin: 0 auto;
}
.product-fast_order{
width: 150px;
font-size: 13px;
padding: 5px;
text-align: center;
}
.product-blocks_slider{
margin-right: 15px;
}
.delivery-info{
width: 600px;
}
.bg-img1{
width: 50%;
height: 50%;
bottom: 0;
top: auto;
left: auto;
right: 0;
}
}
@media screen and (max-width: 1140px) {
.team__item-img{
width: 400px;
margin: 20px auto;
display: block;
}
.about__team-inner{
flex-wrap: wrap;
}
.team__item-first{
margin-right: 0;
}
.category-items {
justify-content: center;
}
.days-btn{
width: 120px;
}
.food-choice-btn{
padding: 6px;
width: 130px;
}
.program-btn{
width: 130px;
}
.work-how-blocks{
width: auto;
flex-basis: 47%;
}
.coll-me_block form{
flex-wrap: wrap;
}
.main-info-content{
flex-direction: column;
}
.program-help{
flex-direction: column;
height: 220px;
justify-content: space-between;
padding: 20px;
}
.program-help-title{
max-width: 100%;
text-align: center;
}
.delivery-info {
width: 80vw;
margin: 0 auto;
}
.main-info-block{
margin-top: 30px;
flex-direction: row;
justify-content: space-around;
}
.main-info-block-item{
width: 48%;
}
.about-blocks{
flex-wrap: wrap;
justify-content: flex-start;
}
.about-block {
flex-basis: 33%;
margin-bottom: 20px;
}
.coll-me_block form input{
margin-bottom: 15px;
}
.program-info-table{
font-size: 12px !important;
}
.tabheader__items-cabinet{
display: flex;
align-items: center;
width: 100%;
padding: 10px 20px;
}
.user-info-wrapper{
margin: 0 20px;
}
.netw-block{
flex-direction: column;
padding: 20px;
}
.netw-blocks{
margin-bottom: 15px;
}
.cabinet-nav{
display: flex;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 20px;
}
.tabheader__item-quiz span{
width: 140px;
text-align: center;
}
.user-gmail{
padding: 10px 0;
}
.tabcontainer-cabinet{
flex-direction: column;
}
.category-body{
font-size: 10px;
}
.tabheader__item-quiz, .exit_cabinet{
padding-right: 20px;
}
.products-wrapper{
grid-template-columns: 450px auto;
}
.support__logo{
margin: 20px 0;
}
.slide-careting-btn{
display: block;
}
.support__list{
text-align: center;
}
.list-2 li{
text-align: center;
}
.slide-careting-btn_second{
display: block;
width: 250px;
}
.product-blocks_slider{
width: 400px;
}
.product-slider_img{
width: 400px;
height: 400px;
}
.product-page_name{
font-size: 28px;
margin: 10px 0;
}
.product-page_prise{
font-size: 28px;
}
.product-composition p{
font-size: 13px;
}
.product-pointer{
margin-top: 20px;
}
.table-bg{
margin-top: 20px;
}
.product-page-tab-content{
padding-left: 10px;
}
.product-block{
align-items: center;
}
.franchise__title, .perspectives__title, .project__top-title, .support__title, .work__title{
font-size: 30px;
}
.franchise__subtitle-deal{
font-size: 20px;
}
.footer-program-ul{
display: block;
}
.tabheader-second{
width: 300px;
}
.tabheader-item_second{
width: 300px;
}
.footer-block{
display: grid;
grid-template-columns: repeat(2 , 1fr);
grid-gap: 30px;
padding-left: 30px;
}
}
@media screen and (max-width: 1010px){
.program-info-blocks{
flex-direction: column;
}
.program-info-blocks{
flex-direction: column;
}
.program-info-block{
width: 100%;
height: auto;
}
.program-info p{
font-size: 16px !important;
padding-bottom: 10px;
}
.program-calc-content{
justify-content: flex-start;
}
.program-growth-input, .program-weight-input, .program-yo-input{
margin-right: 5px;
}
.program-btn{
width: 140px !important;
margin-right: 5px;
}
.food-choice-btn{
width: 160px;
margin-right: 5px;
}
.program-btns-wrapper{
justify-content: flex-start;
}
.program-btns-wrapper_second{
display: flex;
}
.days-btn{
margin-right: 5px;
}
}
@media screen and (max-width: 960px){
.order-section{
padding: 20px 0;
}
.program-blocks-title{
margin: 15px;
}
.block-fn{
flex-wrap: wrap;
}
.final-blocks-border{
border: none;
}
.final_block{
width: 100%;
height: auto;
padding-bottom: 30px;
}
.product-blocks{
width: 400px;
}
.tabheader__items-cabinet{
display: block;
}
.test-answer-wrapper{
flex-wrap: wrap;
}
.tabheader-item_second{
display: flex;
align-items: center;
text-align: center;
line-height: inherit;
padding: 5px;
}
.tabheader-item_question{
margin-right: 5px;
font-size: 14px;
height: 90px;
padding: 0 5px;
}
.tabcontainer-second{
flex-direction: column;
}
.tabheader-item_second{
width: fit-content;
}
.tabheader-second{
width: 100%;
height: auto;
}
.tabheader-items_second{
display: flex;
}
.product-buy{
width: 180px;
}
.fast-order-bl{
flex-wrap: wrap;
}
.product-fast_order{
margin: 10px 10px 0;
}
.program-footer{
display: none;
}
.program-footer-mobile{
display: block;
margin: 10px;
}
.tabcontent-quiz th{
min-width: 160px ;
}
.table-main-th{
min-width: 260px !important;
}
.products-wrapper{
grid-template-columns: repeat(1, 1fr);
}
.category-body{
font-size: 14px;
}
}
@media screen and (max-width: 868px){
.order-full-price-info {
display: block;
}
.order-full-price-text{
margin: 20px 0;
}
.order-info-content .table-container{
width: 85vw;
}
.order-info-wrapper{
width: 490px;
}
.order-comment{
margin-top: 25px;
}
.program-bt_img img {
width: 110px;
height: auto;
}
.filter-top-mobile{
justify-content: space-between;
}
.program-btns-wrapper_second{
flex-wrap: wrap;
}
.order-item-price{
min-width: 100px;
}
.program-blocks-title{
padding-bottom: 15px;
}
.retail-btns{
display: flex;
justify-content: space-between;
}
.retail-btn{
margin-right: 10px;
}
.cart-price_all{
font-size: 18px;
flex-direction: column;
margin-bottom: 20px;
align-items: flex-start;
}
.sale-cart{
margin-right: 0px;
}
.sort-select , .validation-select{
padding: 2px 0;
}
.validation-select{
margin: 0 5px;
}
.filter-result{
max-width: 240px;
}
.found-filter{
font-size: 12px;
}
.reset-filter{
width: 95px;
}
.company-staff-blocks{
flex-basis: 48%;
}
.video-more_blocks{
width: 100%;
margin-bottom: 20px;
}
.products-wrapper-catering{
grid-template-columns: 220px auto;
}
.products-block{
padding: 15px 0 0 10px;
}
.checkbox-catering-block{
margin: 5px 0;
font-size: 13px;
}
.product-block{
flex-direction: column;
}
.product-blocks_slider{
width: 600px;
margin-right: 0px;
margin-bottom: 25px;
}
.product-slider_img{
width: 600px;
height: 600px;
}
.checkbox-pr-block label{
width: 300px;
}
.product-buy{
width: 220px;
height: 41px;
}
.composition_info-block{
width: auto;
margin-right: 35px;
}
.share-networks a{
margin-left: 0px;
margin-right: 30px;
}
.product-blocks{
width: 100%;
padding-left: 15px;
}
}
@media screen and (max-width: 760px){
.wishes-clear{
font-size: 17px;
}
.bottom-program {
align-items: center;
margin-top: 50px;
flex-direction: column;
display: flex;
}
.program-bt_blocks {
width: 100%;
display: flex;
margin-bottom: 30px;
}
.popap-img {
width: 100%;
height: auto;
}
.how-buy-icon img{
width: 55px;
}
.catering-block-left_bottom{
display: none;
}
.tabheader__item-quiz-test{
padding: 0 5px;
font-size: 12px;
}
.retail-btn{
margin-right: 0;
width: 130px;
font-size: 12px;
}
.tabcontent-question{
height: auto;
}
.about{
margin-top: 40px;
}
.about-blocks{
justify-content: space-between;
}
.delivery-info{
width: 100vw;
padding: 30px;
}
.delivery-info-title{
font-size: 26px;
line-height: 34px;
}
.bg-img1{
display: none;
}
.order-program{
padding: 10px;
}
.order-program{
margin-bottom: 30px;
}
.delivery-info-subtitle{
font-size: 16px;
padding-bottom: 15px;
}
.bg-img2{
left: 20px;
}
.delivery-info-title{
width: 100%;
font-size: 30px;
margin-bottom: 20px;
}
.franchise__container{
height: 400px !important;
}
.franchise__slide img{
height: 400px;
}
.catering-product_second{
width: 250px;
}
.elips-catering_block{
width: auto;
margin-right: 20px;
}
.tabheader-question h3{
margin: 30px 0;
}
.program-help{
margin-bottom: 30px;
margin-top: 30px;
}
.retail-block-title{
font-size: 18px;
}
.retail-block-wrapper .show-all span{
font-size: 12px;
}
.header-btn{
padding: 10px;
}
.catering-block-left_bottom-mobile{
display: block;
padding: 10px;
margin-top: 0px;
margin-bottom: 10px;
}
.hash{
display: none;
}
.hash-mobile{
display: block;
background: #fff;
}
.products-wrapper-catering{
display: block;
}
.left_bottom-btn{
width: 300px;
}
.filter-top-mobile{
background: #fff;
padding:10px 0;
border-top: 2px solid #EEEEEE;
}
.products-block{
padding: 0 0 0 10px
}
.pagination{
margin: 0 auto;
justify-content: center;
}
.sort-select, .validation-select{
font-size: 12px;
}
.reset-filter{
font-size: 14px;
}
.checkbox-block{
padding: 5px 0;
}
.category-items .search-product{
width: 200px;
height: 200px;
}
.search-number{
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.main-info{
padding-top: 30px;
}
.category-items .search-category{
left: 15px;
}
.category-items .search-category a{
font-size: 12px;
}
.category-items .search-price{
left: 15px;
font-size: 12px;
}
.footer-block{
grid-gap: 30px 10px;
padding-left: 0px;
}
.program-btns-wrapper{
margin-bottom: 20px;
}
}
@media screen and (max-width: 620px){
.send-order p {
max-width: 84%;
}
.send-order{
flex-wrap: wrap;
}
.how-buy h4{
margin-top: 40px;
}
.team__item-img{
width: 100%;
height: 300px;
}
.send-order button{
margin-top: 40px;
}
.product-blocks_slider{
width: 100%;
}
.personal_block{
right: 24%;
}
.sing-in_form{
width: 100%;
}
.phone-help{
flex-direction: column;
align-items: center;
}
.program-help{
height: 300px;
}
.phone-help-input{
margin-right: 0px;
margin-bottom: 20px;
}
.program-help-button{
margin-bottom: 20px;
}
.work-how-blocks{
flex-basis: 100%;
}
.about-title{
text-align: center;
}
.work-title{
text-align: center;
}
.work-how-blocks {
width: 100%;
padding-left: 5px;
}
.main-info-block-item {
width: 80vw;
margin-bottom: 20px;
}
.change-account_button{
margin-bottom: 20px;
}
.adres--block{
flex-direction: column;
}
.tabcontent-quiz th{
width: 125px;
}
.form-messages{
padding: 20px 10px;
}
.tabcontent-quiz{
padding: 20px 0;
}
.change-account_block{
flex-direction: column;
}
.netw-bg{
width: 70px;
height: 70px;
}
.download-td-info{
min-width: 350px;
}
.category-block{
width: 48%;
}
.button-form-block{
flex-direction: column;
}
.card-order_button{
margin: 30px 0;
}
.sale-cart{
display: block;
}
.category-body{
font-size: 12px;
}
.catering-slider-btns{
background: transparent;
width: 100px;
}
.who-we_title{
font-size: 20px;
text-align: center;
}
.info__grid{
grid-template-columns: repeat(2,1fr);
}
.retail-block-title{
font-size: 16px;
font-weight: 700;
}
.company-staff-blocks{
flex-basis: 70%;
}
.product-slider_img{
width: 100%;
height: 400px;
}
.composition_info-block{
margin-right: 20px;
}
.composition_info-title{
font-size: 12px;
}
.composition_info-subtitle{
font-size: 12px;
}
.product-buy{
width: 150px;
}
.cart-pointer p{
font-size: 18px;
width: 80px;
}
.fast-order-bl input{
width: 300px;
margin-bottom: 10px;
}
.checkbox-pr-block label{
width: 100%;
}
}
@media screen and (max-width: 500px){
.send-order p {
max-width: 81%;
}
.how-buy-icon {
width: 30%;
}
.catering-slider-subtitle{
font-size: 11px;
width: 215px;
}
.filter-item svg{
display: none;
}
.order-info-content{
padding: 10px;
}
.tabheader__item-quiz-test{
height: 70px;
}
.franchise__slide{
display: flex;
flex-direction: column;
justify-content: center;
}
.franchise__slide img{
height: auto;
width: 100% !important;
}
.test-form input {
width: 320px;
}
.sing-in_block{
display: block;
}
.sing-in_blocks{
margin: 20px auto;
}
.swiper-often-ordered .swiper-slide{
display: flex;
justify-content: center;
}
.swiper-more-search .swiper-slide{
display: flex;
justify-content: center;
}
.swiper-often-ordered-second .swiper-slide{
display: flex;
justify-content: center;
}
.swiper-more-search-top .swiper-slide{
display: flex;
justify-content: center;
}
.swiper-more-search .swiper-slide{
display: flex;
justify-content: center;
}
.retail-btn{
width: 100px;
}
.tabheader-item_second{
font-size: 14px;
}
.portfolio{
flex-direction: column;
}
.portfolio-img{
margin-bottom: 10px;
}
.tabheader-item_question{
font-size: 12px;
}
.retail-block-catering .swiper-retail-btns{
top: 45%;
}
.company-staff-blocks{
flex-basis: 98%;
}
.why-order-catering_block{
flex-direction: column;
text-align: center;
}
.why-order-catering_title{
text-align: center;
}
.retail-block-wrapper{
flex-direction: column;
align-items: flex-start;
}
.retail-block-title{
margin-bottom: 10px;
}
.swiper-retail-btns{
top: 86%;
}
.pagination{
width: 310px;
}
.header-btn-mobile{
display: none;
}
.header-btn-mobile-second{
margin: 10px 0;
display: block;
width: 190px;
text-align: center;
}
.filter-item{
border: 1px solid #ccc;
padding: 5px 8px;
border-radius: 4px;
}
.filter-top-mobile{
margin-bottom: 0px;
}
.seo-title{
font-size:20px;
margin-top: 40px;
}
.seo-subtitle{
margin-top: 20px;
font-size: 14px;
}
.filter-catering_block{
justify-content: flex-end;
}
.filter-result{
display: none;
}
.back-to-category{
font-size: 14px;
padding: 5px 30px;
}
.footer-block{
padding-left: 40px;
grid-template-columns: repeat(1 , 1fr);
}
}
@media screen and (max-width: 460px) {
.order-full-price-text svg{
width: 80px;
}
.product-slider_img{
width: 100%;
height: 375px;
}
.personal_block {
right: 16%;
}
.about-blocks{
justify-content: center;
}
.retail-btn{
font-size: 10px;
margin-right: 5px;
}
.program-btns-wrapper{
justify-content: space-between;
}
.program-btns-wrapper_second{
justify-content: space-between;
}
.bnt-block_radio{
flex-wrap: wrap;
}
.program-growth-input, .program-weight-input, .program-yo-input{
width: 70px;
}
.form_radio_btn label{
width: 40px;
}
.program-help{
height: 340px;
}
.food-choice-btn{
width: 150px;
}
}
@media screen and (max-width: 374px) {
.send-order p {
max-width: 73%;
}
.personal_block {
right: 4%;
}
.catering-slider-subtitle{
font-size: 10px;
width: 200px;
}
.footer-block{
padding-left: 20px;
}
.retail-btn{
width: fit-content;
padding: 0 7px;
margin-right: 1px;
}
.change-account_blocks__top{
width: 290px;
}
.franchise__slide img{
width: 100%;
}
.change-account_blocks{
padding: 40px 10px;
}
.food-choice-btn{
width: 125px;
}
.program-btn{
width: 120px !important;
}
.form-radio_btn__second label{
width: 120px;
font-size: 14px;
}
.form-radio_btn__third label{
width: 120px;
font-size: 14px;
}
.product-pointer{
flex-direction: column;
align-items: flex-start;
}
.product-buy{
margin-left: 0px;
}
.product-page_buy{
margin-top: 10px;
}
.filter-item{
padding: 5px 2px;
}
.product-composition_info{
display: grid;
grid-template-columns: repeat(3 , 1fr);
grid-gap: 20px;
}
.product-page_name{
font-size: 24px;
}
.product-page_prise{
font-size: 24px;
}
.product-page-tab-header-item{
font-size: 13px;
}
}
.swiper-container {
overflow: hidden;
}